I'm using the Fancy Box - Description on Hover, which looks great on devices with mouse. However since on mobile/touch devices there is no rollover/hover, is there any way that the description is always shown instead?
No actually it's not showing on the page URL as I had reverted it but now I'm showing it again with the "Vacation Rental Apartments"
- Using the Fancy Box - Description on Hover, on desktop, upon hovering it shows the "Box Hover Content" text. However, on Mobile this doesn't show as there is no hover. Is there any way that we can make it such that on mobile, the "Box Hover Content", always shows?
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
I'm using the Fancy Box - Description on Hover, which looks great on devices with mouse. However since on mobile/touch devices there is no rollover/hover, is there any way that the description is always shown instead?
Thanks,
Mark
Hey Again,
I cant seem to view the issue on the page url linked, please confirm ?.
Thanks.
ThemeNectar Support Team
No actually it's not showing on the page URL as I had reverted it but now I'm showing it again with the "Vacation Rental Apartments"
- Using the Fancy Box - Description on Hover, on desktop, upon hovering it shows the "Box Hover Content" text. However, on Mobile this doesn't show as there is no hover. Is there any way that we can make it such that on mobile, the "Box Hover Content", always shows?
-
Hey Again,
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
.nectar-fancy-box[data-style=hover_desc]>.inner>.heading-wrap { transform: none !important; } .nectar-fancy-box[data-style=hover_desc] .hover-content { opacity: 1; position: relative; transform: translateY(0px) !important; }Thanks
ThemeNectar Support Team
Perfect - Solved :)