Hi there,
http://www.debeweging.info, see home page.
On smartphone the tagline is so big it covers the photo. Its ok on desktop and tablet. I created a separate text element below the photo. Can you give me the code to show this only on smartphone and to prevent the current tagline showing om smartphone and the other way around to not show the added text element on desktop and tablet? Can you provide code and tell me where to put it, or do it yourself, see in private window.
Nikko that something similar in topic: Website not right on phone #699899
thanks
Hey Dick,
If you want to show a textblock or anything on mobile and hide on desktop, just add this to custom class of that textblock, or other modules hide-desktop, if you want to hide it in mobile and show it in desktop you just need to add this class hide-mobile and add this code to Quick CSS (located in Enfold > General Styling):
@media only screen and (max-width: 767px) {
.hide-mobile {
display: none !important;
}
If that doesn’t work, can you post a screenshot so we can easily identify the issue.
Best regards,
Nikko
Hi, the first part, “Hide desktop” works. The second part doesn’t because there is no custom class field in the Easy slider. The text “De coach met Ervaring” is created in the Full width Easy slider as a Caption on the Photo. On Smartphone this Caption covers the photo.
So all I need now is a CSS code that : Does not show the caption “De Coach met Ervaring”in Full width Slider : on Smartphone.
Hi Dick,
Please try the following in Quick CSS:
@media only screen and (max-width: 767px) {
.home .avia-caption-title {
display:none !important;
}
}
Best regards,
Rikard
right, works, thanks