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, 7 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

8theme customization service

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Legenda – E-Commerce and Corporate PSD Theme
lazy-placeholder
Jewellery Niche Market – Multivendor WP WooCommerce Theme
lazy-placeholder
Rental Car – WordPress WooCommerce Theme
lazy-placeholder
Minimal Fashion Store – WordPress WooCommerce Theme
lazy-placeholder
HandMade Store – WooCommerce Theme
lazy-placeholder
Furniture Store – WordPress WooCommerce Theme
lazy-placeholder
Carwash – WordPress WooCommerce Theme
lazy-placeholder
Glasses Store – WordPress WooCommerce Theme
lazy-placeholder
Marseille 01 – WordPress WooCommerce Theme
lazy-placeholder
Marseille04 – WordPress WooCommerce 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.