-
Posts
-
Hi
I have project where image title and excerpt is showing on hover.
On click there is a link. It works great on desktop. On mobile not.
Title and excerpt shows up on the moment when user tap and disapear when goes to destination page.
There is any CSS allows to show always title and excerpt only on mobile?
Maybe I should create 2 sections: one for desktop and second for mobile?
Thank you in advanced
KrzysztofHey Krzysztof,
Can you please provide a link to the site? Keep in mind that on mobile there is no “hover” state, so this feature may not transfer. As you mentioned, creating one that hovers for desktop, and one that is always visible for mobile sounds like a viable solution.
Best regards,
Jordan ShannonHi Jordan
Please find link in private area.
Do you have any idea how it is possible to create does 2 variants?
BR
KrzysztofHi,
To create 2 variants you can choose to hide the desktop section on mobile. See this link for that option.
To hide the mobile section on the desktop you can add a custom id to that section and then add the following to quick css:
#yourID { display: none; }
@media only screen and (max-width: 767px) {
#yourID { display: block !important; }
}As for how to build the mobile version, I would suggest maybe adding a text block under the image and adding the title and excerpt into that section.
Best regards,
Jordan Shannon
- You must be logged in to reply to this topic.