vertical nav menu error when wanting horizontal menu

  • Resolved tophiebearrr

    (@tophiebearrr)


    9 years, 9 months ago

    I have a few issues actually, but will post them all separately.

    I have only recently started with php so am a little clueless about alot of things.

    I downloaded the twentythirteen theme and all its theme files and have been making changes to the theme that way (rather than a child theme, was having issues so decided to just have a look at things on the parent)

    My current issue is that I registered new nav menu sections so that my navigation menu would have 6 different sections with a category for each. Upon doing so they have stacked vertically rather than horizontal accross the menu.

    How can I fix this so that the nav menu goes horizontally?

    The website is up at smattering.com.au

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

  • May I ask why you didn’t create one custom navigation menu with all six categories as top-level navigation items? You could still add static pages and such as subitems under each category, and the menu would display properly.

    Thread Starter tophiebearrr

    (@tophiebearrr)

    I dont have any reason other than maybe Im unsure how Ive done it incorrectly.

    How would I create just one menu with top-level navigation items?

    When you create a custom navigation menu (Dashboard > Appearance > Menus > Edit Menus), you can add as many items as you want by selecting them from the accordion in the left column and clicking on “Add to Menu”. Then they’ll appear in the panel in the right column labeled “Menu Structure”.

    Thread Starter tophiebearrr

    (@tophiebearrr)

    Oh, I had it all wrong the way I thought It worked. I changed it like you suggested and it works fine, but it still stacks vertically rather than horizontally accross the bar.

    should I remove the registration for the other nav bars in my header file?

    Yes, go ahead and remove the extra nav bars.

    Also, you’re missing some CSS for your menu, which is why it’s still displaying vertically. Try adding this code:

    nav li {
	display: inline-block;
	position: relative;
}

nav li a {
	padding: 15px 20px;
}
    Thread Starter tophiebearrr

    (@tophiebearrr)

    Thanks, I added that plus, added the same to another section for the side bar that seems to have solved my problem. Thanks for your help!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘vertical nav menu error when wanting horizontal menu’ is closed to new replies.