Don't show the image when clicking to see the full description "Learn more"

I would like a feature to hide the image when clicking “Learn more” (to view full description) on mobile phones and tablets. The image will take up majority of space and the user will need to scroll to view the content. Viewing on tablet in landscape I don’t have the option to scroll. I also think the image is irrelevant when clicking to see the full description because it’s already visible by default.

You can view this on my website https://www.gigibeautypmu.com/ about halfway down the page.

1 Like

Hi there, @andrewchin :waving_hand:

Glad to say that this customization is feasible! Here are the custom codes:

Mobile

@media (max-width: 480px) {
[class*="Popup__PopupInner-sc"] .es-event-card-content-image {
  display:none;
}
}

Tablet

@media (min-width: 501px) and (max-width: 1024px) {
[class*="Popup__PopupInner-sc"] .es-event-card-content-image {
  display:none;
}
}

Add these codes to the Custom CSS field on the Settings tab of your widget’s settings and let me know if you like the result :slightly_smiling_face:

2 Likes

Thank you!!!

2 Likes

No sweat :wink: