ghemachandar

See attached image. When I first visited the site (or visited after clearing browser cache) the menu was working properly. It is only after multiple open-closes that the problem you cited appears. I'm afraid, this could be some malfunction on the part of Squarespace and can only be resolved by them.

For one, it should be @font-face

In which case, we must apply the code only to desktop resolutions: @media screen and (min-width: 641px){ #navigator .siteTitle { padding: 20px 0; /* Change 20px value if necessary */ } #container{ margin-top:100px !important; /* Change 100px value if necessary */ } }

See attached video. It appears the problem can be resolved by reducing logo padding AND container margin. Try putting this code in DESIGN > Custom CSS: #navigator .siteTitle { padding: 20px 0; /* Change 20px value if necessary */ } #container{ margin-top:100px !important; /* Change 100px value if necessary */ } ice_video_20220629-170430.mp4

See attached image. There was a CSS declaration for the effect. You may override it by putting the following code in DESIGN > Custom CSS: .sqs-block-gallery .sqs-gallery-block-slideshow .sqs-gallery-design-stacked-slide:hover img { -webkit-filter: none; filter: none; }

Actually, try this one: @media screen and (max-width: 640px){ #page-60db4a11f2dfbb34602d3bd0.sqs-layout [class*=sqs-col] { float: left !important; width: 50% !important; } }

Can you try this code?: .list-item .list-item-media{ filter: drop-shadow(5px 5px 5px #000000);} The list-item-media class ensures that the property applies only to the images.

Can you put the following code in DESIGN > Custom CSS? It *might* work! @media screen and (max-width: 640px){ #page-60db4a11f2dfbb34602d3bd0 .sqs-layout [class*=sqs-col] { float: left !important; width: 50% !important; } }