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

  • Avatar: BananeCosmique
    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

    Please, contact administrator
    for this information.
    1 Answer
    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

  • Viewing 2 results - 1 through 2 (of 2 total)

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

8theme customization service
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.