Return to previous page

Adjust elements in separate lines in mobile

This topic has 10 replies, 3 voices, and was last updated 2 years, 7 months ago ago by Olga Barlow

MJ

Participant

September 21, 2021 at 09:31

Hi,
I have tried to use column option to push elements of one row to separate lines when reach mobile size but not successful.
can you take a look at my page “Template”? I want all elements “header, text block, html with short code, and picture” shown in separate line and centered when reach mobile size (800px). https://prnt.sc/1t2oe3k
Thanks

Please, contact administrator
for this information.

#302939 Copied Theme version: 8.0.6

9 Answers

MJ

Participant

September 22, 2021 at 05:00

can u please help with this?

#303033 Copied

Rose Tyler

Support staff

September 22, 2021 at 14:40

Hello,

Try next settings for columns – https://prnt.sc/1t8hihb

Regards

#303117 Copied

MJ

Participant

September 22, 2021 at 16:05

I tried that but it is not working properly. That’s a reason I need help. Can you experiment it on the page template?

#303133 Copied

MJ

Participant

September 23, 2021 at 09:53

they are in separate lines now, but how to make them centered when they passed screen size of lets say 992px?

#303210 Copied
Rose Tyler

Support staff

September 23, 2021 at 12:08
Edit page and add custom class mob-center for elements – https://prnt.sc/1tbt5vt
it works up to 768px
to make it works for 992px, add the next code in Global custom CSS:
```
@media only screen and (max-width: 992px) {
    .mob-center {
        text-align:center!important;
        -webkit-box-pack: center!important;
        -ms-flex-pack: center!important;
        justify-content: center!important
    }
}
```
Regards
#303225 Copied
MJ

Participant

September 23, 2021 at 14:55

Its working, just one thing the search button does not stay on right side of the search box. Can it be fix?

#303253 Copied

Olga Barlow

Support staff

September 23, 2021 at 17:50

Hello,

Provide screenshot, please, for better understanding.

Regards

#303275 Copied

MJ

Participant

September 24, 2021 at 02:00

here you go: https://prnt.sc/1te92en

#303299 Copied

Olga Barlow

Support staff

September 24, 2021 at 14:31

Hello,

Is it the YITH search plugin? Contact plugin developers to get help with their element. We are able to help only with our theme setting.

Regards

#303375 Copied
Viewing 10 results - 1 through 10 (of 10 total)

The issue related to '‘Adjust elements in separate lines in mobile’' has been successfully resolved, and the topic is now closed for further responses

Adjust elements in separate lines in mobile

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection