Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #1092057

    Hello,
    i just found topics to get rid of the header or the logo on the first page.
    I set the header to only be visible when scrolling down. I also set a transparency log in settings –> Header –> Transparency.
    That logo there needs to be shown even when the header is not visible first.
    When scrolling down the menue appears and the normal logo show up.

    Is this somehow possible?

    Thanks,
    Dennis

    #1092332

    Hey deeennis90,

    Please post the link to your website where we can see the issue.

    Best regards,
    Victoria

    #1092388

    Hi Vicrotia,

    you can find the Link below.

    Best,
    Dennis

    #1092989

    Hi,
    I took a look at your page and I believe changing your css:

    #top .av_header_scrolldown.av_header_transparency {
        opacity: 0;
        margin-top: -250px !important;
    }

    to:

    #top .av_header_scrolldown.av_header_transparency nav.main_menu {
        opacity: 0 !important; 
    }

    would work better for you, but it’s hard to test with your css in place. Please try this but if it don’t work please include admin login in the Private Content area so we can be of more assistance.

    Best regards,
    Mike

    #1113578

    Hi Mike,

    sorry for the late reply.
    I made it possible using the following code for the transparency header logo:

    #top .av_header_transparency.av_alternate_logo_active .logo {
        height: 300%;
        max-height: none !important;
    }

    I also use a different logo for the transparency header.
    It is almost as i need it. Unfortunately when scrolling up/down the regular logo appears in full size and than switches back to the size so it fits perfect in the header.
    Do you have any advice how to correct this?

    Second question: Can i somehow remove the menu when the transparency header appears?

    You find the credentials and link to the page in the private section.

    Best,
    Dennis

    • This reply was modified 5 years, 5 months ago by deeennis90.
    #1114143

    Hi,
    Sorry for the late reply, I have corrected the logo with this css:

    #top .av_header_transparency.av_alternate_logo_active .logo a > img {
        opacity: 1 !important; 
        filter: alpha(opacity=1);
    }
    #header_main > div > div > span > a > span > img {
     display: none !important;
    }
    

    To hide the menu in transparency, I added this css:

    #top .av_header_transparency.av_alternate_logo_active .main_menu {
      display: none !important;
    }
    

    Please clear your browser cache and check.

    Best regards,
    Mike

    #1114208

    Hi Mike,

    thank you for the fix.
    Unfortunately the logo for the transparent header is not shown. (Theme Options > Header > Header > Transparency Options.

    I can’t find a way to make it visible again, it always shows the regular logo set in the Theme options.

    And where did you change the css? I can’t find the code in the Quick CSS.

    Best,
    Dennis

    • This reply was modified 5 years, 5 months ago by deeennis90.
    #1114391

    Hi,
    Sorry I misunderstood, I removed the css so it now as it was before. I had placed the css in the WordPress > Customize > Additional CSS field.
    The reason you are seeing the larger logo is because the size of the logo is larger when the transparent logo is showing, then when the switch is made the main logo shows while the size changes.
    Sorry but I don’t see a good solution for this other than having the size of the logos the same.

    Best regards,
    Mike

    #1115603

    Hi Mike,

    i managed it with setting the same logo for either regular and transparency logo.
    Thank you.

    Best,
    Dennis

    #1115618

    Hi,
    Glad to hear you sorted it out, we will close this now. Thank you for using Enfold.

    For your information, you can take a look at Enfold documentation here
    For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

    Best regards,
    Mike

Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Hidden header: Logo still be visible’ is closed to new replies.