Home>Support>Reducing space between menu items on Vantage theme not working on Firefox

Reducing space between menu items on Vantage theme not working on Firefox

By bro654, 4 years ago. Last reply by Andrew Misplon, 4 years ago.

Hi,

I just wanted to see if anyone had any advise on my predicament. I have used the following CSS on my theme to reduce the padding between my header menu items:

/* Menu Padding Horizontal */

.main-navigation ul li a {
padding-right: 25px !important;
padding-left: 25px !important;
}

My issue is that it is working perfectly on Chrome but I double checked it using Mozilla and it is not applying at all. Could anyone offer some advise on what the issue could be here and how I can put it right.

Any help is greatly appreciated.

Thanks

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 4 years, 9 months ago Andrew Misplon
    Hi, I Work Here

    Hi bro

    Please, try temporarily removing your Custom CSS rule and instead try the setting at CustomizeTheme DesignNavigationMenu Item Horizontal Padding.

    Page: Menu

    Hopefully, that resolves the challenge.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More