How to stop the two rows in the menu

  • Resolved stbmtwp

    (@stbmtwp)


    10 years ago

    Hi there,

    I am currently working on a website through WordPress, and have a relatively large menu (about eight pages across the menu).
    Once the number of pages in the menu go over six, it starts a new line (no matter if it is on primary/secondary navigation etc).
    This does not look very nice, but I cannot find any way to keep all the links on the menu spread across a single line.

    I have no experience with code or CSS so preferably there would be some option I’ve missed or a plugin that could help.

    I would really appreciate the help.
    Many thanks,
    stbmtwp

Viewing 8 replies - 1 through 8 (of 8 total)
  • hannah

    (@hannahritner)

    Hey, can you post a link to your site?

    Hannah

    Thread Starter stbmtwp

    (@stbmtwp)

    Hi Hannah, thanks for the quick reply.

    Sorry, but I’m not currently in a position to give a link to the website, however I have a screenshot of the menu area if that will help.
    https://www.anonimg.com/img/9b79fb295966abec50d7f7459983a155.png

    Many thanks,
    stbmtwp

    ankitverma02

    (@ankitverma02)

    Hi,
    For this issue you have to make changes in css.You can not adjust from the wordpress menu.
    Your theme support limited area for the menu and it is only have 6 menu to show in line and if you add more than it will display from the next line.

    Thank you
    Ankit verma

    fgirach09

    (@fgirach09)

    hi,
    so far i know just reduce padding of your menu link in css. it will go fine..

    be careful create new css for that ans apply change so other data will not affect..

    thanks
    Farhan Girach

    hannah

    (@hannahritner)

    stbmtwp,
    Try adding this to your custom css box in theme options > advanced settings:

    #nav-second ul.sf-menu>li {
width: 12%;
}

    Hannah

    Thread Starter stbmtwp

    (@stbmtwp)

    That’s fantastic!
    It can now take up to eight menu items, which should be enough.
    If I were to change the width percentage in the css, would that allow more onto the menu, or is that the smallest width before you come across more issues?

    Thanks a ton,
    stbmtwp

    hannah

    (@hannahritner)

    Feel free too adjust, just be aware that it may look different depending on the screen size.

    Hannah

    Thread Starter stbmtwp

    (@stbmtwp)

    That’s good to know.

    Thanks a ton for all your help and time, I really appreciate it!!!
    stbmtwp

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘How to stop the two rows in the menu’ is closed to new replies.