Mobile devices want to be set up to roll flat

[Jim]

 

                    ↓ ↓      ↓   ↓ ↓    ↓  ↓      ↓  ↓  ↓     ↓   ↓ ↓↓

 

[Jim]

Mobile device layout can change？😭someone help me

[Small_Task_Help]

Hi,

Are you using Responsive Design ?

Also it would help if you worked on CSS Media Queries,Minimize Layout Shifts,Font and Text Adjustments and Smooth Transitions and Animations

CSS Media Queries Code example

@media only screen and (max-width: 767px) {
  /* Adjustments for mobile devices */
  .your-element-class {
    width: 100%;
    padding: 10px;
    /* Other necessary styles */
  }
}

[BSS-TekLabs]

- Here is the solution for you @Jim 
- Please follow these steps:

- Then find the base.css or theme.css file.
- Then add the following code at the end of the file and press 'Save' to save it.

 

@media screen and (max-width: 749px) {
    .grid--2-col-tablet-down .grid__item {
        width: calc(33% - var(--grid-mobile-horizontal-spacing) / 2) !important;
    }
}

- Here is the result you will achieve:

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

[namphan · Accepted solution]

Hi @Jim,

You just turn it on, everything will work fine:

[namphan]

Hi @Jim,

If you have any questions, you can contact me directly.
Happy to help you 😊