Main Navigation

  • Ellen

    (@ejfgreen)


    8 years, 8 months ago

    Hello, I’m having a simple problem of the main navigation menu wrapping to two lines when I add one more item. I have looked high and low and can’t find a setting to create space between the logo and the menu. Any ideas?

    The page I need help with: [log in to see the link]

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

    (@jx-3p)

    8 years, 8 months ago

    Hello,

    Firstly, try going to Theme Options> Main Settings, and check that your logo spacing on the right and left are set to 0.

    This will maximize the space in your header for the menu. If that is set to 0 and your still left without enough room, let me know when you add the menu back and I’ll provide some CSS to keep it on one line.

    -Kevin

    Kevin

    (@jx-3p)

    8 years, 8 months ago

    Adding this CSS in Theme Options> Advanced Settings should do the trick:

    @media (min-width: 992px)
.kad-header-left {
    width: 25%;
}
.kad-header-right {
    width: 75%;
    }
}

    -Kevin

    Thread Starter Ellen

    (@ejfgreen)

    8 years, 8 months ago

    Thank you Kevin. The left and right settings are at 0. The css worked except the whole menu dropped down one line. Is there any way the logo and menu can be on one one? Thanks again for your help.

    Kevin

    (@jx-3p)

    8 years, 8 months ago

    I missed a bracket within that CSS. Change to this and you’ll be set:

    @media (min-width: 992px) {
.kad-header-left {
    width: 25% !important;
}
.kad-header-right {
    width: 75%;
    }
}

    -Kevin

    Thread Starter Ellen

    (@ejfgreen)

    8 years, 8 months ago

    That was it! Thanks Kevin! I looks great now.

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

The topic ‘Main Navigation’ is closed to new replies.