Mobile layout event list

This topic has 4 replies, 2 voices, and was last updated 1 year, 4 months ago by Mattias Devriendt.

Viewing 5 posts - 1 through 5 (of 5 total)

Author

Posts
June 19, 2023 at 4:19 pm #319151

Mattias Devriendt
Participant

Hi,

My website http://www.mattiasdevriendt.com is using the zubin pro theme.

I’m having a lot of events in a list but if I check the mobile version the layout of some events is different. Some are displayed well with the event name at the right of the date, some have the event name under the date. The difference is really random so I don’t find the issue…

thanks for helping me out!

June 20, 2023 at 1:23 am #319179

tikaram
Participant

@mattias-devriendtgmail-com : I checked your site on a mobile device and I don’t seem to find any issues with the event list. Can you please let me know the device that you have used to check the mobile view so that I can try to replicate the issue and provide you the required fix.

Regards,
Tikaram

June 20, 2023 at 2:05 pm #319251

Mattias Devriendt
Participant

Hi im using a ‘one plus’ phone (all events left aligned here with eventname below date) and also checked with a fairphone 3 (first 2 normal, rest event name below date cf screenshot) Strange.

I put the screenshot here :

https://www.mattiasdevriendt.com/picture/

June 21, 2023 at 3:19 am #319280
tikaram
Participant
@mattias-devriendtgmail-com : Login to your WordPress admin section. Go to Appearance => Customize => Additional css and add the following css.
```
@media screen and (max-width: 540px) {
  .events-section.single-layout .event-list-description {
      width:100%;
  }
}
```
Let me know if this helps you out.

Regards,
Tikaram
July 5, 2023 at 12:48 am #320135

Mattias Devriendt
Participant

hi, thanks! Now they are all like the bottom one in the screenshot I sent (https://www.mattiasdevriendt.com/picture/) while I want them all like the top two. Is that possible?

Thanks for helping me!
Author

Posts