Return to previous page

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

    #190609 Copied Theme version: latest WooCommerce version: latest
    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

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

    Thank you

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

    Hello,

    You’re welcome!

    Regards

    #190846 Copied
  • 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

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Minimal Store – WordPress WooCommerce Theme
lazy-placeholder
School – WordPress Theme
lazy-placeholder
Cosmetics Store – WordPress WooCommerce Theme
lazy-placeholder
BookStore – WordPress WooCommerce Theme
lazy-placeholder
Fishing – WooCommerce Theme
lazy-placeholder
Classic Fashion Store – WordPress WooCommerce Theme
lazy-placeholder
Web Agency – WordPress WooCommerce Theme
lazy-placeholder
Man Store – WooCommerce Theme
lazy-placeholder
Plumbing Store – WordPress WooCommerce Theme
lazy-placeholder
Legenda – WooCommerce WordPress Theme

See All Templates

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