List view on mobile

Ask the Community Customization
1

I wish the list view would adapt to mobile better. If it could stay in a thin list view and not turn into a card. There is plenty of room next to the date, but instead it pops underneath. Quite irritating when your looking to make it look nice.

1 Like
3

Hi there, @Rev_Devan :wave:

This CSS code should do the trick:

.eapp-events-calendar-list-item-mobile {
  flex-direction: row;
}

.eapp-events-calendar-list-item-date.eapp-events-calendar-list-item-date {
  margin: -20px 20px -20px -20px !important;
}

.eapp-events-calendar-list-item-mobile .eapp-events-calendar-list-item-name {
  font-size: 14px;
}

Try it out and let me know if you like the result :slightly_smiling_face:

1 Like
4

Yes perfect thank you. As a millennial I forget about css :face_with_hand_over_mouth:

1 Like
5

You are welcome!

Just in case, Iā€™d like to remind you that we also have a CSS codes category where you can find the most popular codes for different apps (including Event Calendar).

Feel free to check it out :wink:

1 Like