Logo In Menu Bar

[ROBIN]

How can I move the Logo more towards the right in the menu bar? It seems too far to the Left.

Also the menu is too tall and I have tried to reduce all kinds of options and it is still really tall. Any suggestions? I am lost

The website is https://advancedlsperformance.com/

Thanks for any help you can give.

[scrambler]

You can add left margin to the logo with the rule below

.menu-primary .wvrx-menu-html{margin-left:.5em;}

The space above the menu item comes from a custom CSS rule you added

#nav-primary ul.wvrx-menu {padding-top:2.5em;}

 

[ROBIN]

Thank you Scrambler that helped with the tall Menu, Sometimes I am my own worse enemy.

I can’t get the Logo to move Right. I even increased the (.5em) rule and it didn’t budge.

Do you have any additional ideas?

Thank you so much for your help.

[scrambler]

You have messed up CS, you have @media rules that are missing a closing curly bracket.

@media all and (min-width:768px){
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {width: 35%; clear: none;} /* make the left hand column narrower */

Missing closing bracket above

@media all and (min-width:768px){
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {width: 65%;} /* make the right hand column wider */

Missing closing bracket again

Go through all your custom CSS with a comb to make sure there arent any other ones….

Then you have the value set at .1em right now, set it to 2em

 

[ROBIN]

Wow!  Thank you. That has been wrong for years.  I will go back and fix that code in all my websites.  Everything is fixed up now.

Thank you very much.

[Author]

Posts