Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #294765

    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.

    http://don-test.com/

    Extra white space

    #294855

    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

    #295060

    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.

    before scrolling
    Squished logo
    Proper porportions when scrolled

    So if we could get it working with the sticky menu that would be great!

    Don

    #295261

    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

    #295266

    Hey Josue,

    Thanks! That did the trick.

    Don

    #295267

    You are welcome, we’re always glad to help :)

    Regards,
    Josue

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘White space below logo’ is closed to new replies.