Hover box on mobile

Home › Forums › Gillion Theme › Hover box on mobile

Home › Forums › Gillion Theme › Hover box on mobile

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    NOT RESOLVED Posts

  • Nyky
    Participant

    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

    Shufflehound Support
    Moderator

    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 team

    Nyky
    Participant

    Thank 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

    Shufflehound Support
    Moderator

    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;
}
}
  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)