Jump to content

Please help with event calender

Recommended Posts


Help with event calender in mobile view. I'm very disappointed that the images do not show up in mobile view. I tried some coding in another forum. The code helped them show but cropped them very oddly (see attached screenshot). Plus, it did not show up on my iPhone when I looked. Not sure the correct coding solution?! OR if it's not possible please help me remove the event "calender" from mobile ONLY. When I removed from mobile it removed from desktop too. 

Screen Shot 2024-02-29 at 9.57.43 AM.png

Link to comment
  • Replies 2
  • Views 1k
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

This is the code I saw on a forum which is for the screenshot above. It did not work for my iphone


@media screen and (max-width:767px) {
.yui3-squarespacecalendar .compact-layout .background {
    display: flex !important;
.yui3-squarespacecalendar .compact-layout .marker {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);

Link to comment

Yes. Image doesn't show on Calendar on Mobile, at least iOS

If you use background color, we can add it easily on mobile with JS code

But with image, if each event date use a different image, you will need a lot of code (each event date = 1 code). If you still want this, I can give the code

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.