Tagged: disappeared, display, logo, mobile
Hi there,
The title is self-explanatory.
The area where the logo should have showed up on mobile looks empty.
This issue occured after I add css code below on the purpose of using different logo when scrolled down on the page.
There is no problem on desktop view.
I tried some of the suggestions, but none of them worked. How can I fix it?
I hope you guys can help me out!
Thanks
.header-scrolled .logo img { opacity: 0; }
.header-scrolled .logo a {
background-image: url(https://www.aclteslim.com/wp-content/uploads/2015/08/ACLteslim-Logo-Erkeksm.png);
background-size: contain;
background-repeat: no-repeat;
}
Merhabalar!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (max-width: 767px) {
#top #wrap_all .av_header_transparency, .av_header_transparency #advanced_menu_toggle {
background-color: transparent!important;
position: absolute!important;
}}
Your logo is white so it is not visible on white background
Cheers!
Yigit
Teşekkürler Yiğit! Thanks!
However I want to use the black logo with white background on mobile view.
Is it possible?
I shared the link of the black logo that I mentioned.
Rica ederim! :)
In that case, please refer to this post – http://kriesi.at/documentation/enfold/change-logo-on-mobile/ and display a different logo on mobile.
After adding the code, please check your website on a mobile device as changes would not be visible on on a resized browser
Regards,
Yigit