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.
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.
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;
}
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
Maybe Caching issue
Please open ZenCache plugin and remove cache
I cleared cache no better.
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
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
that fixed the issue
Thanks