Top Bar and Mobile Menu Colour - by zf - on WordPress WooCommerce support

This topic has 2 replies, 2 voices, and was last updated 9 years ago ago by Eva Kemp

  • Avatar: zf
    zf
    Participant
    April 22, 2015 at 08:28

    Hi Guys, please could you assist with the following:

    1. Reduce Top Bar size on Desktop only and leave the same as default on the tablet and mobile versions
    2. Change colour of parent menu on Responsive menu
    3. Prevent two level line on main menu when browser window is resized to 1049px (it disappears when resized to 964px and below)
    4. The language selector also moves up and down when resizing the browser window

    P.S Hands down the best theme Iv used!!!!

    Thanks

    Z

    Please, contact administrator
    for this information.
    1 Answer
    Avatar: Eva
    Eva Kemp
    Support staff
    April 22, 2015 at 09:57

    Hello,

    1. Use this css code to reduce top bar:

    .top-bar {
       height: 20px;
    }

    2. Use this code:

    @media (max-width: 480px) {.st-menu .nav-wrapper .st-menu-content, .mobile-nav-heading.close-mobile-nav {
    background-color: white;
    }
    .mobile-nav li .open-child::after {
       color: grey;
    }}

    3. Please show a screenshot what lines you want to hide.

    4. Please check language selector on mobile devices and not resizing a browser window. If you resize it you have to reload a page.

    Thank you.
    Regards,
    Eva Kemp.

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

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

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