Hi,
I have a full width logo and I just need to get rid of the extra white space between the logo and the top of the menu.
Hey jerrick1!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.logo, .logo a, .logo img { width: 100%; }
#header_main .container { width: 100%; margin: 0; }
.logo img { padding: 0; }
div#header_main { max-height: 122px; }
.html_header_top.html_header_sticky #top #wrap_all #main { padding-top: 158px; }
Cheers!
Yigit
Hi Yigit,
Thanks for the reply, everything worked except now when you scroll down with sticky menu the logo gets distorted and does not shrink properly. I have pictures of what I mean.
So if we could get it working with the sticky menu that would be great!
Don
Hey!
Try with this code instead:
#header_main .container, .logo, .logo a, .logo img { width: 100%; margin: 0; }
.logo img { padding: 0; }
div#header_main { max-height: 122px; }
.html_header_top.html_header_sticky #top #wrap_all #main { padding-top: 158px; }
.header-scrolled #header_main .container, .header-scrolled .logo, .header-scrolled .logo a, .header-scrolled .logo img { width: auto !important; margin: 0; }
.header-scrolled .logo img { padding: 5px 0; }
Best regards,
Josue
Hey Josue,
Thanks! That did the trick.
Don
You are welcome, we’re always glad to help :)
Regards,
Josue