How to increase the main menu bar items spacing
-
Hi, i find that my main menu bar items spacing are too close, may you advise on how to increase the spacing between them? Thank you.
Hi,
Could you please send us a link where we can see it on your website?
Hi, please see attached screenshot
Attachments:
You must be
logged in to view attached files.
Hi,
Use the following CSS code snippet to increase this space
.main-nav .menu>li>a {
padding-left: 25px;
padding-right: 25px;
}
Thank you. I want to remove the arrow as well in screenshot, may you advise?
Attachments:
You must be
logged in to view attached files.
sorry resend attachment
Attachments:
You must be
logged in to view attached files.
Try this code
.main-nav .menu>li.menu-item-has-children>a:after {
display:none;
}
ok it works, but now when my cursor point at a empty space, the drop down menu appear, i want the drop down menu appear when i point at the category wordings only, may you advise?
Attachments:
You must be
logged in to view attached files.
Try to replace the first code with this one
body .main-nav .menu>li {
padding-left: 25px;
padding-right: 25px;
}
.
