• 

  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
  

  Olga Barlow

  Participant

  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
  

  Capri

  Participant

  April 11, 2018 at 14:33

  Thank you

  #190844 Copied
  

  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)