- This topic has 3 replies, 2 voices, and was last updated 7 years, 8 months ago by
.
Hi,
I created an hover box on my homepage http://www.spotanatomy.it
It is the black one with the title “Spotanatomy torna online”.
On mobile version it is not shown correctly.
I see a very long column with the cropped titel.
Is it possible to adapt it in some way or, at least, exclude it from mobile version?
Thanks
Hi @Nyky,
I hope you are well today and thank you for your question.
You can resolve it by adding the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
@media (max-width: 1024px) { .vc-hoverbox-inner { min-height: 150px !important; } } @media (max-width: 800px) { .vc-hoverbox-inner { min-height: 100px !important; } }Best regards,
Shufflehound teamThank you, it works now.
THe problem is that the text on the back of box is long, and in mobile version is cutted out.
Is it possibe to link the hover box to a post in order to give the possibility to read the full article via mobile?
Thanks
Is it possibe to link the hover box to a post in order to give the possibility to read the full article via mobile?
Currently the hover box content element doesn’t provide this option.
You can just hide it on mobile using below CSS code.
@media (max-width: 1024px) { .vc-hoverbox-wrapper { display:none; } }
