Logo Padding on Split Menu Semi Transparent

emmagreen01 · May 2020

Hi There

I have the split menu semi transparent set up on my website and I am having issues with the space between the logo and the navigation items on iPad and desktop

Here is a screen shot of where I would like to reduce the space either side as the menu keeps overflowing and generally I think it looks odd

http://jhs.ea7.myftpupload.com/wp-content/uploads/2020/05/Screenshot-2020-05-26-at-11.26.16.png

This is the staging website

http://jhs.ea7.myftpupload.com

Would be grateful for your advice

Thanks

Emma

Bryan · May 2020

Hey,

we do not have an option to reduce the space there. We can only give you css if you want to align the left and right menus to the logo, not to the edges of the website.

thanks

emmagreen01 · May 2020

That would be good please

emmagreen01 · May 2020

If you could supply I would be most grateful - thank you

Pablo · May 2020

Please paste that CSS code into the Theme Options > Custom CSS & JS > CSS

.header-split #Header .top_bar_left .menu_left{text-align: right !important;}
.header-split #Header .top_bar_left .menu_right{text-align: left !important;}

Thanks

Logo Padding on Split Menu Semi Transparent

Comments