Hi,
I am having problem with the logo not showing on Tablets. I am using the Revibe template. It shows fine on desktop and smartphones.
I have added a link in the hidden area.
Any idea how I can fix this please?
Also, how do I change the background colour of the mobile header please?
Kind regards
Claire :-)
Hi there!
I have checked this site: https://www.theatreoftheno.com/1new/
And logo is not visible in any resolution there at my end.
Please use the following code in your custom CSS to see if it helps!
@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;
}
}Here is all about custom CSS placement of Helix3 framework:
https://www.joomshaper.com/documentation/helix-framework/helix3/custom-css-header-code
Best Regards
thank you that seemed to work.
Actually, no it didn't work. Now I can see it on tablet but not on smartphone.
(can't check desktop, as I am away from my desk)
I found the issue, in case anyone else has this problem.
It breaks when adding the logo in the template settings, but works if you overwrite the template's existing logo files (in templates-shaper_revibe-images-presets) with your own images (keep the same file names, obviously).
Thanks for sharing your experience with us and glad that your issue has been solved already:)
But it should work either way though.
Have a nice day!