Shortcode content looks different on mobile

  • Resolved amymcdesign

    (@amymcdesign)


    1 year, 9 months ago

    Hi There,

    I’m using the shortcode plugin to create the testimonial slider at the end of the visionandvowfilms.com homepage. It looks perfect on desktop but on mobile the slides look different to what I’ve built in the Divi library. You can see for “Fiona & Shane” “Cathy & Barry” and “Brid & Harry” slides have the quotation mark image is in the centre of the background instead of at the top left where I’ve set it to be in the Divi Library. The Layout is correct for the “Jose & Alan” testimonial but for some reason I can’t get it to be correct for the others. I would appreciate any help to fix this issue.

    Thank you,
    Amy

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Fabrice ESQUIROL

    (@creaweb2b)

    Hi, after inspecting your css, the problem seems to be related to the “quote” image positionning. You lose your settings for background position on mobile.

    Please try to add the following css :

    @media (max-width:480px) {.et_pb_text_19,.et_pb_text_21, .et_pb_text_15, .et_pb_text_17{background-position: left top 21% !important;} }

    Plugin Author Fabrice ESQUIROL

    (@creaweb2b)

    By the way, in order to improve your SEO, you have many successive H3 tags in your testimonial tags. Use only one and add css to set a top margin for your text instead of blank h3 lines.

    Thread Starter amymcdesign

    (@amymcdesign)

    Thanks so much for the quick reply. That code helped fixed my problem.

    Thank you!

    Plugin Author Fabrice ESQUIROL

    (@creaweb2b)

    You’re welcome, glad i was able to help ??

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Shortcode content looks different on mobile’ is closed to new replies.