Ticket #33619 Public

Tiles Layout for Mobile


How do I force only one tile per row on mobile? Currently I have it set to 3 for desktop which goes to 2 for mobile, however half a screen on mobiles means that long event titles run outside of the tile.



BY: rosswalsh@gmail.com - Apr 7,2017 AT 7:03AM - 4 years ago
    • By: rosswalsh@gmail.com Apr 7,2017 AT 7:09AM - Posted 4 years ago - #33621


      That’s the easy answer 🙂

    • By: infotainerdave Apr 7,2017 AT 9:52PM - Posted 4 years ago - #33684

      You don’t need to install another plugin for this

      You can also do it with mobile only css

      which you can post the following in 1 of 2 places

      1: myeventon>>>>>styles


      2: appearances>>>>customize>>>>>>custom css

      @media (max-width: 600px) {
      .ajde_evcal_calendar.boxy.box_3 .eventon_list_event, .ajde_evcal_calendar.boxy.box_3 .evoShow_more_events {
      width: 100%;


      also try in

      write dynamic styles to header

      if this fails please post your username and password in a private post and we will go in there but you don’t need another plugin


You must login to reply to this ticket


Welcome to EventON helpdesk.

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

Checkout EventON