Menu bar

  • Resolved hazy23

    (@hazy23)


    2 years, 4 months ago

    Hi,

    My menu bar are split in two rows on small screens. Can someone please advise how to resolve this

    Many thanks,
    Hazel

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hello @hazy23,

    Please put the CSS below in Customizing > Custom CSS/JS > CSS Code:

    @media(min-width: 960px) and (max-width:1200px) {
    #site-navigation-wrap .dropdown-menu >li >a {
        padding: 0 18px;
    }
}

    For more information about the CSS/JS code on the customizer, please read this link:
    https://docs.oceanwp.org/article/354-add-custom-css-and-js-to-your-website.

    Note: if you have any cache plugin or server cache(CDN / Browser Cache and Cookies and …), you need to clear its cache contents or disable them to see your changes. Also, don’t forget to click on the regenerate all assets file and data in Elementor > Tools.

    I hope that helps.

    Best Regards

    Thread Starter hazy23

    (@hazy23)

    Thanks Shahin!

    You’re welcome.
    I’m glad it is solved.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Menu bar’ is closed to new replies.