Navigation Bar Display Problem

  • Hello,

    Thank you for your time.

    I’m trying to fix a scaling/scrolling problem on the navigation bar of my website. When the website is viewed with a wide browser, the menu looks appropriate. However, when the browser is narrowed, the menu items slide behind the logo, and even drop into two rows.

    I am running a custom theme. I assume I need to edit the theme files, specifically navbar.php. Here is the current, relevant text in that file. I will greatly appreciate any insight on what I need to do to keep the menu items from sliding behind the logo and dropping into two rows.

    Thank you!

    https://exclusivedetail.com/

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

  • add this to custom CSS

    @media (max-width:1024px) and  (min-width:769px)
{

#nav > ul > li {
    float: left;
    padding: 0em;
}

}
    Thread Starter exdmdp

    (@exdmdp)

    Thank you so much for your time! I added the CSS, and it does mitigate the problem. However, at certain browser widths the menu items will still slide behind the logo and drop to two rows.

    Is there a way I can modify this CSS to prevent that from happening at any browser width? It may also be better to make the menu items center aligned rather than right aligned.

    Again, thank you for the help.

    https://exclusivedetail.com

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Navigation Bar Display Problem’ is closed to new replies.