-
AuthorPosts
-
May 19, 2019 at 11:39 pm #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.
May 21, 2019 at 6:09 am #1102684Hey ginnywills,
Please post us your login credentials (in the “private data” field), so we can take a look at your backend.
- Install and activate ” Temporary Login Without Password “.
- Go to ” Users > Temporary Logins ” on the left-side menu.
- Click ” Create New “.
- 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 ). - Click ” Submit “.
- 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,
NikkoMay 21, 2019 at 2:01 pm #1102853Thanks so much. New user created.
May 22, 2019 at 2:38 pm #1103288This reply has been marked as private.May 22, 2019 at 3:42 pm #1103355Hi 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,
NikkoMay 22, 2019 at 3:50 pm #1103369Thank you!
Did I just have it backwards?May 22, 2019 at 3:55 pm #1103375How 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)
May 22, 2019 at 4:44 pm #1103394Hi 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,
NikkoMay 22, 2019 at 11:54 pm #1103488Many 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?May 23, 2019 at 4:22 am #1103514Hi 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,
NikkoMay 23, 2019 at 2:45 pm #1103675Yes. Perfect.
Is there a way to stick the menu to the top on the phone? Also, a “back to the top” arrow?
May 23, 2019 at 7:18 pm #1103770Final question (maybe!) – why is there so much padding between my logo and my main image on the home page on the phone?
May 24, 2019 at 11:33 am #1103897Hi 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,
NikkoMay 24, 2019 at 6:49 pm #1103994Perfect! Thanks!!
May 24, 2019 at 6:52 pm #1103996Hi ginnywills,
We’re glad that we could help.
Thanks for using Enfold and have a great day!Best regards,
Nikko -
AuthorPosts
- The topic ‘Transparent Header’ is closed to new replies.