[Mattias Devriendt]

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!

[tikaram]

@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

[Mattias Devriendt]

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/

[tikaram]

@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

[Mattias Devriendt]

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