• Resolved Ron5

    (@ron5)


    I have a main menu with 10 menu items. The last 2 menu items appear underneath the other 8. I expect the last 2 to appear always at the left side, but this is not the case. For each menu item in the upper row clicked, the last 2 always appear right of the menu item clicked.

    The CSS of the main menu is not good enough.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Hi Ron5,

    please provide your URL so that we can see what exactly you’re referring to. Thanks!

    Thread Starter Ron5

    (@ron5)

    That’s https://fmdo.be

    Thanks for providing the URL. You’re not running a clean codebase as the theme on your website has been modified. However, regarding your initial question, your menu has many long menu items and there simply is not enough space available for all of them.

    So of course the menu items that are too much to fit into the first line of items will float to a 2nd line. If you don’t want that, then you could just reduce the margin a bit so that more items will fit into one line, for example:

    .main-nav li a { margin-right: 15px; }

    You can add CSS code in your WordPress dashboard under Appearance => Customize => Additional CSS or by using plugins for adding code snippets.

    For CSS customizations, you can always use your browsers inspection tool to inspect the elements on your site and then use that information to add your own code modifications.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Strange main menu’ is closed to new replies.