Mobile Logo Appears On PC View
Alex Walker
When I do not add the mobile logo, it does not appear on the phone view. When I do add the mobile logo it not only shows correctly on the phone but it also duplicates on the template as here: https://prnt.sc/XPJn7cOHF5Zh
The template is shaper_revibe
6 Answers
Order by
Oldest
Paul Frankowski
Accepted AnswerThanks, add also that line and dekstop logo will be displayed on Mobile view as well. Less steps.
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
#sp-header .sp-default-logo {display: block !important;}
}Paul Frankowski
Accepted AnswerHi Alex,
you forgot that you enabled Offline mode.
Anyway, that Custom CSS should help:
@media screen and (max-width: 760px) {
.hidden-sm, .hidden-xs {display: none !important; visibility: hidden;}
}
.offcanvas {visibility: visible;}
.offcanvas-menu .offcanvas-inner .sp-module .sp-module-content > ul { margin: 0 5px; display: block;}
#sp-menu > .sp-column .sp-module { margin-top: 0;}Alex Walker
Accepted AnswerHi Paul That css code didn't help with the display of the logo while looking through a mobile. If you look at www.salon20.co.uk on a mobile the salon20 logo does not appear. I have enabled the web site if you want to take a look. Thanks.