Tagged: header, main menu, social icons
Hi, is there a way of reducing the space between the end of the menu and the social Icon when its on the same line on the right in the header.
thanks
Hi grwebs!
Try adding this to your custom CSS.
.avia-menu {
margin-right: 5px !important;
padding-right: 5px !important;
}
If that’s not what your wanting then send us a link and take a screenshot highlighting exactly what your trying to do so we can get a better idea.
Cheers!
Elliott
Thanks but that did not work.
Screenshot
https://www.evernote.com/l/ANczxnyszwFDj7POg5RQzDV3_z4CsG7zPOA
Hey!
I think the code I posted should be working but I don’t see it in your source code. Did you remove it? Add it in Dashboard > Enfold > General Styling > Quick CSS and let us know when your done so we can take a look.
Cheers!
Elliott
Hi!
this is what is in my quick CSS. I did not remove it at all
.header-scrolled #header_meta {
display: none !important;
}
.header-scrolled a { color: white !important; }
div#header_meta {
border: none!important;
}
#top #advanced_menu_toggle, #top #advanced_menu_hide {
background-color: #5986c1;
color: #ffffff;
border-color: #5986c1;
}
.mfp-counter { display: none !important; }
.avia-tooltip .avia-arrow, .avia-tooltip { background: #5986c1 !important; }
avia-menu {
margin-right: 5px !important;
padding-right: 5px !important;
}
Hey!
Your missing a period in front of the class name. Make sure it looks like this.
.avia-menu {
margin-right: 5px !important;
padding-right: 5px !important;
}
Regards,
Elliott