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 */
}

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!

1 hour ago, Pete550 said:

I know. Its super weird. It just doesn't seem to work. 

 

Would you be up for looking at the site to see if I have done something wrong? I could make you an editor? 

 

Pete

 

Sent PM.

Looks like this part of the code is causing the problem:

div
{
  overflow:hidden !important;
}

Can you remove it and test. Obviously, now the gallery effect will be broken but if you provide the page url we can suggest what to replace this code with.

Oh! So, you need just the background image removed? Please try this:

@media screen and (max-width:767px) {
/* hide welcome banner */
#collection-609b09827e0a8b72f5bf4e21 .Parallax-host .Parallax-item:nth-child(2){
  display: none;
}
}

That is content padding. Put the following code **in that page settings only**:

<style>
.page-section.vertical-alignment--middle:not(.content-collection):not(.gallery-section):not(.user-items-list-section).section-height--medium>.content-wrapper {
    padding-top: 3.3vmax;
}
</style>

3.3vmax value is put by me. You can try px or em too. Default was 6.6vmax.

I found an 'id' not a 'data-section-id'. Try this?:

@media screen and (max-width:767px) {
/* hide welcome banner */
[id="whatisworqflow-with-banner"] {
    display: none;
}
}

Not sure why it's not working. Text blocks are indexed after all! https://support.squarespace.com/hc/en-us/articles/217594457#toc-indexed-content

As for searchable PDFs, one not-so-elegant solution is put the PDFs content on the page (as text or code blocks) and set that content invisible.

You are welcome. :) 

You can use this code to change hover mask color:

.social-icons-color-black.social-icons-style-knockout .sqs-svg-icon--list:hover .sqs-use--mask {
    fill: red;
}