WPBakery Hover Box does not display properly on Mobile

Solved5 replies2 participantsUpdated by Rose Tyler

  • Avatar: Cover Lovers
    Cover Lovers
    Participant

    I’ve tried changing the responsive settings but nothing seems to work.

    It does not scale properly on Mobile and shows up too big

    Here's a screenshot of it on mobile

    #280188 Copied Theme version: 7.2.6 WooCommerce version: 5.7

    5 Answers

    Avatar: Rose Tyler
    Rose Tyler
    Support staff

    Hello,

    Provide URL of page, that contains the mentioned element, and temporary wp-admin access, so we can take a closer look.

    Regards

    #280229 Copied
    Avatar: Cover Lovers
    Cover Lovers
    Participant

    Url of the page is: https://www.coverlovers.ca/our-case-types/

    Please contact administrator
    for this information.
    #280271 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff

    Hello,

    Add the next code in custom CSS for page:

    @media (max-width: 1200px){
    .vc-hoverbox-wrapper .vc-hoverbox-inner {
        min-height: 300px !important;
    }
    .vc-hoverbox-wrapper .vc-hoverbox {
        height: 300px;
    }
}

    http://prntscr.com/10rfn1d

    Regards

    #280289 Copied
    Avatar: Cover Lovers
    Cover Lovers
    Participant

    It fixed it but now when I click the elements, the text is scaled wrong too.

    Here's what it looks like when I click the element

    #280357 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff

    Hello,

    Change this code http://prntscr.com/10sacu2 to

    @media (max-width: 1200px){
    .vc-hoverbox-wrapper .vc-hoverbox-inner {
        min-height: 300px !important;
    }
    .vc-hoverbox-wrapper .vc-hoverbox {
        height: 300px;
    }
    .vc-hoverbox-block-inner p {
        font-size: 10px !important;
        padding: 5px 0;
        margin-bottom: 0;
    }
}

    Regards

    #280392 Copied

The issue related to '‘WPBakery Hover Box does not display properly on Mobile’' has been successfully resolved, and the topic is now closed for further responses