Viewing 3 reply threads
You must be logged in to reply to this topic.
Hi,
I have a problem in mobile sight with “Hover Box Item”.
You can see it in: (home page, below the slider)
Can you help me? Thanks in advance.
Hello,
I opened the page in mobile but i don’t see any problem. Can you please be more specific?
Best regards!
Hi,
Images are cut on both sides:
Device with Android 7.0 and Chrome
Thx.
Hello,
This happens because the mobile layout forces the images to resize and in the same time keep the proper height for the text showing on click, to open correctly. To change this, please add this code into your Custom Css box in General Options:
@media (max-width: 480px){
.vc-hoverbox-inner { min-height: 114px !important;}
.vc-hoverbox-block { background-size: contain !important;}
.vc-hoverbox-block-inner { padding: 0px !important;}
.vc_empty_space { height: 130px !important;}
}
@media (max-width: 767px){
.wpb_column:last-child { padding-top: 60px !important;}
}
Result screenshot: https://postimg.org/image/kyxtediv9/
Let us know.
Best regards!
You must be logged in to reply to this topic.