Reply 220885 to: How to make the top bar visible on mobile device?

Avatar: Rose Tyler
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

Go To The Whole Conversation In Topic
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.