X
297451

Ticket #297451 Public

How to show entire image on mobile.

I have used an event list on my homepage. When I view it on mobile, the entire image of the event doesn’t show. Because of the square layout. Is there anything I can do to show the full image on mobile?

The other thing is, there is a huge free space between the date and image on light box that shows more details of the event. I want to remove that space.

BY: Manupriya Karunarathne - Nov 23,2022 AT 12:18PM - 8 hours ago
    • By: Artem Nov 23,2022 AT 3:35PM - Posted 8 hours ago - #297458

      Hello,

      Please add this CSS code to EventON > Styles (If you don’t see any change, EventON > Scripts & Styling > turn off Write dynamic styles to header > save settings > turn on Write dynamic styles to header):

      @media screen and (max-width:960px){ .ajde_evcal_calendar.boxy .eventon_list_event.hasbgimg, .ajde_evcal_calendar.boxy.boxstyle1 .evo_boxtop, .ajde_evcal_calendar.boxy.boxstyle2 .evo_boxtop { background-size: contain !important; }}

You must login to reply to this ticket

HelpDesk

Welcome to EventON helpdesk.

EventON is the #1 Best selling event calendar plugin for WordPress websites in envato marketplace.

Checkout EventON