Return to previous page

I want to show left side bar on smartphone

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

virin

Participant

January 4, 2018 at 08:10

Because I put the button to change the language on left side top bar.
I want to show it on a smartphone. If it does not show, it will not be able to change the language.

Help me please.

#181140 Copied Theme version: Default-Red

3 Answers

Rose Tyler

Support staff

January 4, 2018 at 08:41

Hello,

Please try to add this code in Theme Options > Styling > Custom css > Custom css for mobile:

.top-bar {
    display:  block;
}
.top-bar .languages-area {
    display: block;
    float: none;
    text-align:  center;
    margin:  auto;
}
.top-bar .languages-area > div:first-child, .top-bar .top-links {
    display:  none;
}
.top-bar .languages-area > div {
    padding: 0;
    margin: 0;
}
.home .fullwidthbanner-container {
    margin-top: 10% !important;
}

Regards

#181146 Copied

virin

Participant

January 4, 2018 at 10:17

Thank you very much.

#181155 Copied

Rose Tyler

Support staff

January 4, 2018 at 10:38

You’re welcome!
Also, you may change this part of code:

.top-bar .languages-area > div:first-child, .top-bar .top-links {
    display:  none;
}

.top-bar .top-links {
    display: none;
}

and

.top-bar .languages-area {
    display: block;
    float: none;
    text-align:  center;
    margin:  auto;
}

.top-bar .languages-area {
    display: block;
    float: none;
    text-align: center;
    margin: auto;
    max-width: 100%;
}

+ add this code:

.top-bar .languages-area .menu > li > a {
    padding: 0px 5px;
}
#menu-top-left-header-menu-en-1 {
    margin-right: 10px;
}

http://prntscr.com/hvw1i9

Regards

#181157 Copied

Viewing 4 results - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.Log in/Sign up

I want to show left side bar on smartphone

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection