Center Event Calendar on desktop

Hi Max,

can the calendar tiles also be centered globally, for example, if you only have 2 or 3 of them? Or make them wider, e.g. to 33.33% width per tile or 50% per tile?

It all looks good on the phone, but of course there is a gap on the desktop.

2 Likes

Hi @Alex_Zosel :wave:

You can disable the Full width option and reduce the width:


Does it work for you or you’d like to keep the Full width option, but with the centered event cards?

1 Like

Hi Max,

in the smallest desktop resolution we already have a max width of the container of 1300 px, then 1440 as breakpoint, 1920 and fullscreen.

Fullscreen is therefore already suitable. But it would be great if you could create the tile widths in Elfsight according to the grid. So 1-column, 2-column, 3-column, 4-column. 25% / 33% / 50% / 75% / Fullscreen.

We like to work with the CSS grid function when we create this manually.

LG, Toby

2 Likes

Got you, thanks!

In this case, you’re very welcome to use this CSS code:

.eapp-events-calendar-grid-component {
justify-content: center;
}

We also have a request for adding this feature to the settings on the Wishlist. Feel free to upvote it here - To center elements in grid

1 Like

Hi Max,

Thank you for your brilliant support. :slight_smile:

3 Likes

It’s my pleasure :wink:

1 Like

Hi Max,

thank you for your support the last time. We are now live and still have a small bug that we can’t figure out here via Webflow. We have tested everything possible, faded out bit by bit, but the styling and CSS should be clean. That’s not the problem.

The following problem:
We have someone on the team here who has a Galaxy 9 Plus smartphone. When she scrolls down on the smartphone, the “ticket button” at the bottom right jumps out of the screen to the right so that it is almost no longer visible. Everything works on all other smartphones.

What we have found: If we hide the section with the embedded Elfsight Calender widgets, everything works smoothly.

Do you have any idea what could be causing this?

Here is the current live site:

Kind regards
Toby

2 Likes

Hi there, @Alex_Zosel :wave:

Our devs have checked your website on Galaxy 9 Plus and couldn’t replicate the issue.

Could you please specify which browser you were using? Have you tried to check it in another browser? If no, please check it out and let me know if the issue still persists :slightly_smiling_face:

1 Like

hi max,

sorry for the delay. i just uploaded your screenshots here. the versions are listed below.

one seems to be the “chrome” app, the other the google browser? unfortunately, i can’t figure it out for android. :slight_smile:

1 Like

2 Likes

Hi @Alex_Zosel :wave:

Unfortunately, we couldn’t replicate the issue on our end, but there is a chance that the issue might occur because of the wrong z-index. We’ve added the code to the Custom CSS field of your widget’s settings to adjust z-index:

Could you please check it and let me know how it works?

In case it didn’t help, please try to check your website in incognito mode. If the issue still persists, please send me a vide screencast of the issue :pray:

1 Like

hi max,

we’ll give it a try and get back to you.

Thank you
best regards

2 Likes

Hi Max,

I apologize for the delay.
Well, we tested it on the smartphone.

Everything works perfectly in incognito mode.
In normal mode, the button jumps to the right again.

Strange? :slight_smile:

Thanx
Toby

2 Likes

Hi there, @Alex_Zosel :wave:

Please try to clear cache and cookies in your browser and let me know if the issue disappeared when checking in a usual mode :slightly_smiling_face:

1 Like