Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #943077

    Hi, Its hard to describe this issue without screenshots but if you use the link ive sent it should be evident.

    Please pull the browser in on a desktop size screen, you will see the top goes blank for a while before the positive green logo and burger reapears when smaller.

    So it looks like the theme or header is breaking at some point before the logo and burger icon are (so are staying white).

    Is this a bug as I havent done much at all with regards to customization, all through the admin?

    #943078
    This reply has been marked as private.
    #943433

    Hi,

    Please send us a temporary admin login and login URL so that we can have a closer look. You can post the details in the Private Content section of your reply.

    Best regards,
    Rikard

    #943632

    hi ok,

    not sure why but the blank in between state now has a dark background

    #943634

    url

    #943903

    Hi,

    Thanks for that, though I can’t see the issue happening anymore. Did you manage to get it working? Please check in an incognito window using Chrome to avoid any caching.

    Best regards,
    Rikard

    #944153

    Hi if you make the browser smaller down to mobile youl notice the top nav turn a dark grey at a certain size then go into how it should be, white with a possitive logo, just tried in chrome see screenshot link.

    #944154

    it should just go from being trans then to white at once at a certain point surely?

    #945186

    Hi,

    Thank you for the info.

    Did you add a custom css code to modify the header’s background color? Please add these css codes at the very bottom of the Quick CSS field.

    @media only screen and (max-width: 989px) {
    .responsive #top #wrap_all .container {
        width: 85%;
        max-width: 85%;
        margin: 0 auto;
        padding-left: 0;
        padding-right: 0;
        float: none;
    }
    
    #top #wrap_all .av_header_transparency {
        background-color: #ffffff;
        color: #7d808d;
        border-color: #ebebeb;
    }
    }

    Best regards,
    Ismael

    #945334

    no there’s no custom css code in referring to the header.

    ive placed your code in and its now back to showing a white background at a certain width. see screenshot link.

    #946367

    Hi,

    Thank you for info.

    I’m not sure why the header behaved like that in your installation but we managed to fix it with a few css codes.

    @media only screen and (max-width: 1024px) {
    #top #wrap_all .av_header_transparency {
        background-color: #ffffff;
        color: #7d808d;
        border-color: #ebebeb;
    }
    
    #top .av_header_transparency.av_alternate_logo_active .logo a > img {
        opacity: 1;
        filter: alpha(opacity=100);
    }
    
    .responsive #top .av-main-nav .menu-item-avia-special {
        display: block;
    }
    
    .header_color div .av-hamburger-inner, .header_color div .av-hamburger-inner::before, .header_color div .av-hamburger-inner::after {
        background-color: #7d808d;
    }
    }
    
    @media only screen and (max-width: 767px) {
    .responsive #top #wrap_all .container {
        width: 85%;
        max-width: 85%;
        margin: 0 auto;
        padding-left: 0;
        padding-right: 0;
        float: none;
    }
    }

    Best regards,
    Ismael

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