Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 4, 2015 at 5:22 am #405549
    mterrian

    Hello,

    We have built a very simple Enfold site here: (see URL in private box)

    The header is 1248 x 300, and on Firefox it displays perfectly. (the header image height is set to a custom size, 274px)

    On Safari and Chrome, the header image is reduced to 300×100 — tiny.

    Is there a setting I am missing, in order to get the image to stretch full-screen in the boxed layout?

    Thank you
    Margaret

    March 4, 2015 at 3:07 pm #405786
    Yigit

    Hey mterrian!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .html_header_top.html_logo_center .logo {
left: 0;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
transform: none;
}
div#header_main .container {
padding: 0; 
}
.logo img, .logo {
max-width: 100%;
width: 100%;
}

    Best regards,
    Yigit

    March 4, 2015 at 7:21 pm #405991
    mterrian

    Yigit you are amazing as always. Thank you.

    March 4, 2015 at 7:24 pm #405996
    Yigit

    Hey!

    Thank you for your kind words, glad we could help :)

    Cheers!
    Yigit

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Header size strangeness’ is closed to new replies.