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

    Hello. Please see the image in the private area for the issue. The examples shown were all taken from the Home page. Obviously, the colors may change per page depending on the how the section below the header is defined, but this is just an example of how the behavior should be in general when transparency (e.g. Transparent Header with border, Transparent & Glassy, etc.), is defined.

    Admin credentials also provided.

    Thanks!

    #953952

    Hey WP Turned,

    Thank you for using Enfold.

    It’s the html’s default background. Please try this css code.

    @media only screen and (max-width: 1024px) {
    .responsive #top .av_header_glassy.av_header_transparency .header_bg {
        background-color: #d8b609;
        opacity: 1;
        filter: alpha(opacity=100);
    }
    }

    Best regards,
    Ismael

    #953976

    Thanks. That satisfies the background color part, but the Transparency Options chosen are still not being respected. Please see this image.

    #954077

    Hi,

    Apologies, I’m not quite sure what you are looking to accomplish with the header. I see you posted the issue, but if possible can you be more clear?

    Best regards,
    Jordan Shannon

    #954083

    If you look at the image link, you’ll see the transparent header on media query 736px. Just below that, you’ll see that the logo specified for transparent headers is not appearing. Also, the burger menu and cart icon should be white in color, not black.

    #954621

    Hi!

    That is the default behavior because transparency is disabled on mobile devices. If you want to display the transparent logo, add this css code inside the css media query.

    .responsive #top .av_header_transparency.av_alternate_logo_active .logo a > img {
        opacity: 0;
    }
    
    .responsive #top .av_header_transparency .logo img.alternate {
        display: block;
    }

    Best regards,
    Ismael

    #954666

    Thanks. The color of the menu and cart were still skipped, but I fixed those myself (code below).

    Your code works when the header is Transparent & Glassy, but not for others. This needs to work for ALL transparent header types.

    This issue has been going on for over a year and I was asked to put in a feature request back then

    #menu-item-shop {color: #fff; }
    .av-burger-menu-main.menu-item-avia-special .av-hamburger-inner,
    .av-burger-menu-main.menu-item-avia-special .av-hamburger-inner::before,
    .av-burger-menu-main.menu-item-avia-special .av-hamburger-inner::after {color: #fff!important; background-color: #fff!important;}}

    #965989

    I’m not recommending this theme to another client if this keeps being ignored. I just had another client contact me because of this. There is no reason that headers should change like this just because of a media query change.

    This ticket is also related.

    The amount of CSS needed (and it still doesn’t completely do the job) to make transparent headers consistent on all devices sizes…is unacceptable. I’ve been super patient, but I can absolutely show you themes that give an ETA on when something will be fixed.

    #966823

    Hi,

    Actually I have reported the issue to github and Both our developers and Ismael let me know it is working as should.
    I did asked Ismael to check again at the topic.

    Best regards,
    Basilis

    #971827

    Hi!

    Good news!
    An update is going to be pushed that fixes that issue on the next version :)
    Tina has pushed an update!

    Best regards,
    Basilis

    #971830

    Awesome! Thanks, and I’ll keep my eye out.

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

You must be logged in to reply to this topic.