Banner with Mask Title - by Capri - on WordPress WooCommerce support

This topic has 4 replies, 3 voices, and was last updated 6 years, 8 months ago ago by Rose Tyler

  • Avatar: Cardo
    Capri
    Participant
    April 9, 2018 at 16:28

    Hi,

    I have an issue on my mobile view using the element “Banner with Mask”. On Desktop view, the text location is working just fine but in mobile view, the text is in the centre which I don’t want because it is blocking the image view.

    Please find below image for your reference.
    https://prntscr.com/j2xame

    here is the website, please view it in mobile version.
    https://dubaijewelfactory.com/catalog/diana-round-plat/

    And also is it possible for the imaage in mobile version to enlarge the image once they click it? like a pop up image?

    Thanking you in advance.

    Regards,
    Richard

    3 Answers
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    April 11, 2018 at 12:14

    Hello,

    1) To fix text position add the following code in Theme Options > Styling > Custom CSS

    @media only screen and (max-width: 1200px)
    .banner.responsive-fonts.banner-type-2 .banner-content {
        -webkit-transform: translate3d(0,40%,0);
        transform: translate3d(0,40%,0);
    }
    }

    2) The banner element does not have such option. If you want to have enlarged popup you can use the simple image with this option on click and simple text below the image instead of the banner element.

    Regards

    Avatar: Cardo
    Capri
    Participant
    April 11, 2018 at 14:33

    Thank you

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 11, 2018 at 14:43

    Hello,

    You’re welcome!

    Regards

  • Viewing 4 results - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.Log in/Sign up

Helpful Topics

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.