Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #1102337

    Hi

    I have a transparent header and I need to use two different logos for when the user scrolls. I have uploaded a WHITE logo for the default and a BLACK logo for when the user scrolls, but for some reason they are getting switched.

    When I remove the 2nd logo for transparency, the WHITE logo shows up no problem, but you can’t see it on the scroll.

    Can you help?

    It’s just a test home page at the moment. The real home page is placeholder.

    #1102684

    Hey ginnywills,

    Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

    1. Install and activate ” Temporary Login Without Password “.
    2. Go to ” Users > Temporary Logins ” on the left-side menu.
    3. Click ” Create New “.
    4. Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
      ( do be sure that we have enough time to debug ).
    5. Click ” Submit “.
    6. You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.

    When your issue is fixed, you can always remove the plugin!
    If you prefer to not use the plugin, you can manually create an admin user and post the login credentials in the “private data” field.

    Best regards,
    Nikko

    #1102853

    Thanks so much. New user created.

    #1103288
    This reply has been marked as private.
    #1103355

    Hi ginnywills,

    Yes, I switched the logo, the default logo is the black one and the transparent logo is the white one.
    Let us know if you need further assistance.

    Best regards,
    Nikko

    #1103369

    Thank you!
    Did I just have it backwards?

    #1103375

    How can I make the menu icon show up black once the user scrolls? I want it all to be white and then all switch to black (logo, menu icon and social buttons)

    #1103394

    Hi ginnywills,

    Yes, it’s the other way around :)
    As for the burger menu to switch to black when the user scrolls, add this css code in Quick CSS, located in Enfold > General Styling:

    .header_color .av-hamburger-inner, 
    .header_color .av-hamburger-inner::before, 
    .header_color .av-hamburger-inner::after {
        background-color: black;
    }

    Best regards,
    Nikko

    #1103488

    Many thanks – I have now launched the site but the burger menu icon is not black on the mobile, so you can’t see it.
    Help?

    http://www.pheastatl.com

    #1103514

    Hi ginnywills,

    Sure, please add this code at the bottom of Quick CSS:

    @media only screen and (max-width:767px) {
      #top .header_color .av-hamburger-inner, 
      #top .header_color .av-hamburger-inner::before, 
      #top .header_color .av-hamburger-inner::after {
        background-color: black;
      }
    }

    Hope it helps.

    Best regards,
    Nikko

    #1103675

    Yes. Perfect.

    Is there a way to stick the menu to the top on the phone? Also, a “back to the top” arrow?

    #1103770

    Final question (maybe!) – why is there so much padding between my logo and my main image on the home page on the phone?

    #1103897

    Hi ginnywills,

    Try adding this css code, let us know if this helps:

    @media only screen and (max-width:767px) {
      .responsive #top #wrap_all #header {
        position: fixed;
      }
    
      .responsive #top #main {
        padding-top: 82px !important;
      }
    
      .responsive #top.home #after_full_slider_1 {
        display: none;
      }
    
      .responsive #scroll-top-link {
        display: block;
      }
    }

    Best regards,
    Nikko

    #1103994

    Perfect! Thanks!!

    #1103996

    Hi ginnywills,

    We’re glad that we could help.
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

Viewing 15 posts - 1 through 15 (of 15 total)
  • The topic ‘Transparent Header’ is closed to new replies.