Tagged: disappeared, display, logo, mobile
-
AuthorPosts
-
August 19, 2015 at 12:02 am #489766
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; }-
This topic was modified 10 years, 2 months ago by
diyavol.
August 19, 2015 at 3:28 pm #490128Merhabalar!
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!
YigitAugust 20, 2015 at 2:27 am #490505Teş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.
-
This reply was modified 10 years, 2 months ago by
diyavol.
August 20, 2015 at 3:49 pm #490854Rica 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 browserRegards,
Yigit -
This topic was modified 10 years, 2 months ago by
-
AuthorPosts
- You must be logged in to reply to this topic.
