Top Bar Menu – put straight across in one line?

  • Resolved tentpeg

    (@tentpeg)


    9 years, 3 months ago

    (using Virtue 2.5.1)

    Is there a way to have the menu items go all the way across in the top bar in a single line, instead of stacking on top of each other after about 5 items and widening the top bar?

    (I tried setting a maximum top bar height of about 34 px with CSS, but then some of the menu items disappear.

    Thanks!

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

  • Hey,
    Best if you can post a link so I can confirm but I think you just want this css:

    .kad-topbar-left {
    width: 100%;
}

    Kadence Themes

    Thread Starter tentpeg

    (@tentpeg)

    Worked perfectly. Thanks!

    Hi, I used this code for my site and now I cannot click on the last two menu tabs, which used to be on the second line. Any suggestions? Here is the website: https://www.sophiawhite.ca

    Thanks!

    Sorry actually this is the code I used: .topbarmenu {
    margin-right: -400px;
    }

    The code you posted above made the search navigation go to the second line and I want them all on one line.

    Thank you.

    Sophia,

    Your solution works, but not for all cases.

    Try resizing your browser small or viewing from a phone or tablet.

    Instead of margin-right, change the divs surrounding your menu content as follows:

    <div class=”col-md-9 col-sm-9 kad-topbar-left”>
    <div class=”col-md-3 col-sm-3 kad-topbar-right”>

    Essentially changing the 6s to 9s on kad-topbar-left, and the 6s to 3s on kad-topbar-right. Now try resizing.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Top Bar Menu – put straight across in one line?’ is closed to new replies.