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 wrong attachment

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;
}

[Author]

Posts