HI:
Okay, I used some custom css to move the Social Media icons above the main menu on this site: http://nacweconnect.com/, and I don’t know if that’s what has caused the problem, but the main menu is not responsive – overlaps logo on smaller screens. This is the custom css I used:
#header_main nav .social_bookmarks {
position: absolute;
top: 25%; padding-right: 50px;}
Could you help me fix this?
Hi Eleina_Shinn!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (max-width: 1220px) {
.logo * {
max-width: 74%;
top: 20px;
}}
Please go to Enfold theme options > Header > Mobile Menu > Header Mobile Menu activation and choose 990px.
Regards,
Yigit
Ok, thank you :)