Event Calendar Scroll on mobile

Ask the Community Customization
1

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?

IMG_8028
IMG_80281179×1589 165 KB

1 Like
2

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?

image
image1161×566 125 KB

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

3

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)

IMG_8029
IMG_80291179×1745 176 KB

1 Like
4

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:

5

https://queer-hannover.de/a4

1 Like
6

Thank you!

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

1 Like
7

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:)

1 Like
9

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:

image
image555×793 82.7 KB

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

10

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

1 Like
11

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

I’ll keep you in the loop :slightly_smiling_face:

1 Like
12

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:

13

Ok thanks for trying and the information!

And thanks for the code! It works great!

2 Likes
14

That’s great!

You are always welcome :wink: