Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • June 19, 2014 at 8:37 am #281037
    opvab

    Hi,

    is there a way to make an Image/logo to overlap both the Header/Menu and the Main content.

    June 19, 2014 at 11:17 am #281128
    Dude

    Hey opvab!

    Yes, but you must not use a shrinking header or sticky header. Only the standard header (not sticky and not shrinking) supports such a logo. Insert this code into the quick css field:

    
.logo.bg-logo{
position: absolute;
left: 0;
overflow: visible;
}

.logo a {
height: auto;
}

.logo.bg-logo, .logo.bg-logo img{
height: 200px;
}

    and replace 200px with your custom logo height.

    Cheers!
    Peter

    June 19, 2014 at 11:48 am #281150
    opvab

    Dude,
    tried your Quick CSS, but whatever size of image or specified height in CSS it gets 111px X 88px
    and do not stretch beneath the Header bottom line.

    //OPVAB

    June 19, 2014 at 11:49 am #281152
    Dude

    Hey!

    Can you post a link to the website please? You can try to add !important to the height attribute.

    Regards,
    Peter

    June 19, 2014 at 11:55 am #281158
    opvab

    When changing the
    .logo a {
    height: auto;
    }
    to
    .logo a {
    height: 300px;
    }

    I got the correct logo size, but still it is contained inside the Header.

    June 19, 2014 at 12:07 pm #281164
    Yigit

    Hey!

    Please post the link to your website so we can look into it

    Regards,
    Yigit

    June 23, 2014 at 8:12 am #282288
    opvab

    Here comes the URL: http://wordpress.opv.se/

    //OPVAB

    June 23, 2014 at 9:25 am #282326
    Ismael

    Hey!

    Add this on Quick CSS or custom.css:

    .logo, .logo a {
overflow: visible;
}

    Best regards,
    Ismael

    June 23, 2014 at 9:27 am #282329
    opvab

    Thanks Ismael, that made it work.

    //opvab

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Image overlapping Header and Main content’ is closed to new replies.