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

    Hey Arrastia,

    Add this to quick css:

    .container.av-logo-container img{
    width:180px!important;
    }
    
    #header.header-scrolled-full{
    height:170px!important;
    }
    
    #header #header_main_alternate{
    margin-top:0px!important;
    }
    
    #header.header-scrolled-full #header_main_alternate{
    margin-top:60px!important;
    }

    Best regards,
    Jordan Shannon

    #1088365

    Jordan, thanks for the prompt reply. this will make my client happy.

    There is one remaining issue on this, please: It seems that whatever happened to change this prior to adding your css code (above), also changed the size and layout of the responsive (iPhone 6s anyway). The responsive logo is now (both before and after adding your CSS) larger than it was last week. Here is a screenshot of the way it looked last week: https://www.screencast.com/t/arX26cqgyM1X

    And here is a screenshot of the way it looks now: https://www.screencast.com/t/jVvO09lIW

    Thank you!

    #1088789

    Hi,

    Add this to quick css:

    @media only screen and (max-width: 767px){
    .responsive #top .logo {
    height:0px!important;
    }}

    It may have to overwrite 80px!important; somewhere within the css.

    Best regards,
    Jordan Shannon

    #1088810

    Hey Jordan. I just added that last block of CSS code and it fixed the mobile, but the desktop was back to the way it was before I added the code. So I disabled the pre-loader and it seemed to fix the issue on desktop view. FYI.

    One other thing: I have it set to “Sticky header,” but I see very little, if any difference, when i check or uncheck “shrinking header.” Can you take a look to make sure the theme is handling this correctly? The logo is not shrinking with either setting – it is just sliding up very slightly.

    Thanks for your continued support.

    #1090444

    Hi,
    Sorry for the late reply, I took a look at your site and I believe the reason your logo is not shrinking on scroll is because of these custom css:

    #header.header-scrolled-full{
    height:170px!important;
    }
    #header.header-scrolled-full #header_main_alternate{ margin-top:60px!important; } 

    notice how they are keeping the header size large on header scrolled.
    I assume that you wanted this css for a different reason. I recommend removing all of your custom css and clear your cache to see if this fixes your header, then add your css back a little at a time to find all of the css that doesn’t conflict with the header.
    Then we can try to solve the remaining issue without out effecting the header.
    As I try to read back through your posts it seems that the header not shrinking is fairly new, so we should be able to get back to it working easily.
    I also assume there was no new plugins added recently.

    Best regards,
    Mike

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.