Tagged: , , , ,

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • April 17, 2018 at 1:16 pm #943077
    e3templates

    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?

    April 17, 2018 at 1:19 pm #943078
    e3templates
    This reply has been marked as private.
    April 18, 2018 at 6:48 am #943433
    Rikard

    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

    April 18, 2018 at 3:18 pm #943632
    e3templates

    hi ok,

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

    April 18, 2018 at 3:19 pm #943634
    e3templates

    url

    April 19, 2018 at 6:17 am #943903
    Rikard

    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

    April 19, 2018 at 4:26 pm #944153
    e3templates

    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.

    April 19, 2018 at 4:27 pm #944154
    e3templates

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

    April 23, 2018 at 3:22 am #945186
    Ismael

    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

    April 23, 2018 at 10:18 am #945334
    e3templates

    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.

    April 25, 2018 at 4:02 am #946367
    Ismael

    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

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