Return to previous page

How to make the top bar visible on mobile device?

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

BananeCosmique

Participant

September 5, 2019 at 18:58

Hello,
How can make this top bar visible on mobile (with the selection of currency and language?)
https://pasteboard.co/Iw28YbD.png

#220872 Copied Theme version: Latest WooCommerce version: Latest

1 Answer

Rose Tyler

Support staff

September 6, 2019 at 07:02

Hello,

You can add this code in Global custom CSS:

@media only screen and (max-width: 1030px){
    .top-bar {
        display: block;
    }
    .top-bar .languages-area {
        display: block;
        max-width: 100%;
        width: 100%;
        float: none;
    }
    .top-links {
        display: none;
    }
    .topbar-widget, .top-bar .wcml-cs-active-currency  {
        padding-right: 0px;
    }
}
@media only screen and (max-width: 480px){
    .top-bar .languages-area {
        text-align: center;
    }
}

Regards

#220885 Copied