Jump to content

mjai

Member
  • Posts

    1
  • Joined

  • Last visited

Posts posted by mjai

  1. On 7/13/2022 at 9:07 AM, tuanphan said:

    Use this code

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

     

    Hi @tuanphan Thanks as always for your guidance. I tried the above code and while it works on the 'mobile view' inside Squarespace, on iphone in normal vertical view the event date squares are still showing up as light grey.  When I turn the phone sideways the colored dates appear the way I'd like them. Is there a fix for lower width px display? Is it a breakpoint issue? Here's the website: https://maroon-goby-bew9.squarespace.com/calendar password is: 252525

×
×
  • 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.