Event Calendar Scroll on mobile

Thats really cool. The problem is, like im using a font that ends exactly with one item. People that come for the first time maybe not recognice the rest of the list, because the scrollbar is not automatically shown. Ideas, how i can fi x it?

1 Like

Hi there @Dirk73 :wave:

Do I understand correctly that you’d like to add a horizontal scrollbar to see the full name of the long event categories?

In case I misunderstood you, please describe your idea in more detail :slightly_smiling_face:

No the vertical one. There are additional ones under „Glaube & Kirche“
I only get the vertical scollbar if I touch and move the Finger :slight_smile: (on the mobile phone)

1 Like

Got you!

Could you please share a direct link to the page where your widget is installed? I’ll be happy to check if it’s feasible :slightly_smiling_face:

https://queer-hannover.de/a4

1 Like

Thank you!

I’ll check it with the devs and will get back to you a bit later :slightly_smiling_face:

1 Like

Thats nice. Thank you. The calender is really cool. I think i will switch soon. Looking forward to some announcements and updates that will come.

( is it possible to change the optic of the ‚Show more‘ link … I tried so much but Im to stupid :joy::joy:)

Oh, you’re being too hard on yourself :grin:

If I understood you correctly, you’d like to change the appearance of the Show More (in your case Mehr Anzeigen) button in the popup:

Could you please specify what exactly should be changed: color, font or maybe size?

Yes, something like that. But i do not find the css class.

1 Like

Okay, I’ve shared this request with our devs as well.

I’ll keep you in the loop :slightly_smiling_face:

1 Like

Hi @Dirk73 :wave:

I have to tell you that Apple removed an option to display was removed for the devices with the iOS 12+.
Unfortunately, there is nothing we can do with it. You can find more info regarding this issue here - iOS 14 and browser scroll bars (we… | Apple Developer Forums

For all the other devices, the scrollbar should be displayed correctly.

As for the customization of the Mehr Anzeigen button, you can use this code to change its font color, font family and size:

.global-styles,
.eapp-events-calendar-popup-item-readMoreButton {
  color: rgb(17, 17, 17);
  font-size: 16px;
  font-family: Arial;
}

Please add this code to the Custom CSS field on the Appearance tab of your widget’s settings and let me know if it worked :slightly_smiling_face:

Ok thanks for trying and the information!

And thanks for the code! It works great!

1 Like

That’s great!

You are always welcome :wink: