My logo doesn't show up on mobile - Support | Kriesi.at

Tagged: disappeared, display, logo, mobile

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
August 19, 2015 at 12:02 am #489766
diyavol
Participant
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 9 years, 2 months ago by diyavol.
August 19, 2015 at 3:28 pm #490128
Yigit
Keymaster
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
August 20, 2015 at 2:27 am #490505
diyavol
Participant
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.
- This reply was modified 9 years, 2 months ago by diyavol.
August 20, 2015 at 3:49 pm #490854

Yigit
Keymaster

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
Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.