Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter chillPhoto

    (@chillphoto)

    Hi chillPhoto,

    First of all, you’ll need to edit some css either through a Custom CSS option from your theme or by using a Child Theme.

    You need to make your menu bar wider by adjusting

    #menu-main-menu-container .menu ul {
    width: WhatIsAppropriateForYourDesign;
    }

    Then the menu items need to display as inline-blocks and add padding between your menu items.

    #menu-main-container .menu .menu-item {
    display: inline-block;
    padding:0 10px;
    }

    Lastly, it seems like your logo is taking too much horizontal space. If you want your menu to display properly, you’ll have to reduce the width of your logo.

    Hope this helps. Let me know if you need more help.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Menu Problem’ is closed to new replies.