Viewing 11 replies - 1 through 11 (of 11 total)
  • Theme Author nobita

    (@nobita)

    Hi Saba Gi

    Please try below

    Dashboard / Appearance / Customize

    Presentation / Menu

    Menu Primary Font Size, Menu Primary Min Width

    Please try to adjust the size and width using this two items

    Saved

    Thank you.

    Thread Starter Saba Gi

    (@saba-gi)

    I have already set them both to zero. Most of the menu looks OK. The menu items with sub-menu is where the issue is.

    Theme Author nobita

    (@nobita)

    Please try below

    Add child theme / style.css at file bottom

    #access .menu .sub-menu a,
    #access .menu .children a,
    #access .menu .sub-menu li,
    #access .menu .children li,
    #access .menu .sub-menu,
    #access .menu .children{
    	min-width:0;
    }
    Thread Starter Saba Gi

    (@saba-gi)

    I added
    #access .menu .sub-menu a, #access .menu .children a, #access .menu .sub-menu li, #access .menu .children li, #access .menu .sub-menu, #access .menu .children{
    min-width:0;
    }
    no change

    Theme Author nobita

    (@nobita)

    Maybe Caching issue

    Please open ZenCache plugin and remove cache

    Thread Starter Saba Gi

    (@saba-gi)

    I cleared cache no better.

    Thread Starter Saba Gi

    (@saba-gi)

    that did not help

    Please find the below code on your style.css

    #access .menu > .menu-item-has-children {
        padding-right: 2em;
        box-sizing: border-box;
    }

    And comment out padding-right: 2em; it will work on you.

    Note: child theme is recommended to customize theme.
    https://codex.wordpress.org/Child_Themes
    If any problem arise please feel free to ask.
    Thank you

    Thread Starter Saba Gi

    (@saba-gi)

    I have added
    #access .menu > .menu-item-has-children{
    box-sizing: border-box;
    }

    to my child style.css with no change

    Your theme style already contain the code for padding on menu having child menus.
    I already told you about find and remove code. If you are not able to find code, only add the below code on your style.css

    #access .menu > .menu-item-has-children {
        padding-right: 0px !important;
    }

    Please remove the above code you added.
    If not work, please feel free to ask again. I will help you with other idea too.
    Thanks

    Thread Starter Saba Gi

    (@saba-gi)

    that fixed the issue
    Thanks

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

The topic ‘Space between menu items’ is closed to new replies.