Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #281037

    Hi,

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

    #281128

    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

    #281150

    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

    #281152

    Hey!

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

    Regards,
    Peter

    #281158

    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.

    #281164

    Hey!

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

    Regards,
    Yigit

    #282288

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

    //OPVAB

    #282326

    Hey!

    Add this on Quick CSS or custom.css:

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

    Best regards,
    Ismael

    #282329

    Thanks Ismael, that made it work.

    //opvab

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