[Support request] have logo pop down lower than header area

Home Forums Support [Support request] have logo pop down lower than header area

Home Forums Support have logo pop down lower than header area

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1636417
    John MacKenzie

    is there a way make the logo pop down into the main content area see my examples of my current site.

    thanks

    #1636449
    Elvin
    Staff
    Customer Support

    Hi,

    You can try adding this CSS:

    .site-logo {
        margin-bottom: -50px;
    }
    
    @media(max-width:1024px){
    .site-logo {
        width: 130px;
    }
    }

    But I’m not sure how well it would work on tablets because the site’s navigation is taking too much space. I’ve added width:130px on tablet to reduce its size but I’m not sure if it’d be enough.

    In fact, the reference actually has the same issue as well.

    A wise man once said:
    "Have you cleared your cache?"

    #1637159
    John MacKenzie

    ok thanks! yea i see that, hmmm, will see what i can do with the menu.

    anyway to make a similar effect for the sticky logo (and make sticky logo size larger?)

    thanks
    John

    #1637596
    Elvin
    Staff
    Customer Support

    Try this out.

    .site-logo, .navigation-branding {
        margin-bottom: -50px;
    }
    
    .navigation-branding img{
        width: 160px;
        height: auto;
    }
    
    @media(max-width:1024px){
    .site-logo {
        width: 130px;
    } .navigation-branding img{
        width: 130px;
        height: auto;
    }
    }

    You can adjust the values to your preference.

    A wise man once said:
    "Have you cleared your cache?"

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.