Return to previous page

Top Bar Right widget disappears on smaller screens.

This topic has 6 replies, 2 voices, and was last updated 7 years, 10 months ago ago by Rose Tyler

Roobinda

Participant

January 11, 2017 at 12:49

Hi.

How can I stop this happening? Can the right Top Bar widget not slot under the left Top Bar widget on mobile devices?

Or could the Left Top Bar widget be removed instead?

Many thanks.

#151532 Copied Theme version: 0.0.1 WooCommerce version: 2.6.11

5 Answers
Rose Tyler

Support staff

January 11, 2017 at 13:01
Hello,

Please add this code in Theme Options > Styling > Custom CSS > Custom CSS for mobile:
```
.template-container .top-bar .top-links {
    display: block;
}
.top-bar .languages-area{
    display: none;
}
```
Regards,
Rose Tyler.
#151533 Copied
Roobinda

Participant

January 11, 2017 at 13:14

Thank you Rose.

The widget is now visible, but overlapping the language selector widget…

#151536 Copied
Rose Tyler

Support staff

January 11, 2017 at 13:41
Hello,

Please add this code in Custom CSS for mobile:
```
.top-bar .languages-area {
    left: 18% !important;
}
```
Regards,
Rose Tyler.
#151541 Copied
Roobinda

Participant

January 11, 2017 at 14:45

Wonderful! Thank you!

#151551 Copied

Rose Tyler

Support staff

January 11, 2017 at 14:52

Hello,

You’re welcome!

Regards,
Rose Tyler.

#151553 Copied
Viewing 6 results - 1 through 6 (of 6 total)

The issue related to '‘Top Bar Right widget disappears on smaller screens.’' has been successfully resolved, and the topic is now closed for further responses

Top Bar Right widget disappears on smaller screens.

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection