Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 23, 2020 at 9:06 am #1195392
    rengarajan

    Enfold mobile header by default is white. By following solutions in the forums, I was able to make the mobile header transparent and the logo white. But the Icons near the logo haven’t changed to white. Please advice. The code used to make the mobile header transparent and the logo white are as follows.

    
/*Transparent header in Mobile*/
@media only screen and (max-width: 767px) { 
#top #wrap_all .av_header_transparency, .av_header_transparency #advanced_menu_toggle {
  background: transparent!important;
  position: absolute!important;
}}

/*white logo in mobile header*/
@media only screen and (max-width: 767px) {
.responsive #top .av_header_transparency.av_alternate_logo_active .logo a > img {
    opacity: 0 !important;
}
.responsive #top .av_header_transparency .logo img.alternate {
    display: block !important;
	}}

    Thank you for being there to support us in-spite of the current situation. Wishing the team very best :)

    • This topic was modified 4 years, 8 months ago by rengarajan.
    March 23, 2020 at 1:32 pm #1195459
    Mike

    Hey rengarajan,
    To make the icons in your mobile header white, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    @media only screen and (max-width: 767px) { 
	span.gold-rate-symbol,#top #wrap_all .av_header_transparency .main_menu ul:first-child > li > a {
		color: #fff !important;
	}
	.html_mobile_menu_tablet .header_color div .av-hamburger-inner, .html_mobile_menu_tablet .header_color div .av-hamburger-inner::before, .html_mobile_menu_tablet .header_color div .av-hamburger-inner::after {
    background-color: #fff !important; 
}
}

    After applying the css, Please clear your browser cache and check.

    Best regards,
    Mike

    April 3, 2020 at 10:05 am #1200429
    rengarajan

    Thank you Mike, this helped.

    Stay safe :)

    April 3, 2020 at 1:09 pm #1200500
    Mike

    Hi,
    Glad we were able to help, 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

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Transparent header, White Logo & Icons in mobile menu’ is closed to new replies.