failbetter

Same issue here. Just had a chat with cs (linked this feed too) and got the same response as previously mentioned here in this forum. Really hoping that they fix this soon. It boils my blood that they have let this go on for this long. I tried creating a new GMB listing through squarespace and you still have to connect that to GMB itself sooo NO LOCATION SEO for us squarespace users. Time to start looking for another platform!
(rant done)

Still happening for me too as of November 12. Very worrisome that Squarespace apparently does nothing about this, appears they only offer empty reassurances!

Hey @creedon Thanks so much! I was forgetting the semicolon! ROOKIE mistake. Works perfectly 😊

Is this a trial site? If so then this technique only works for paid sites. When in trial mode you have to add the script to Code Injection.

Hi Ad7am,
I'm currently implementing GSAP animations for a client; you must inject the scripts into the head of the document using the Settings -> Advanced feature (available in Business plan and above apparently), and then add your custom script inside a <script> tag.
One important thing I've noticed: you must wait until the DOM (your site's structure) is completely loaded and parsed for you to reference elements when defining variables. You can achieve this by writing your code inside the following snippet:
window.addEventListener('DOMContentLoaded', () => { // write your code here } Have you gotten this far yet? Once I finish the implementation I might be able to help you.

@tuanphan Thank you that pesky div was the problem then! 

@creedon
That is what I was trying to figure out! worked a treat thank you!!!

Keep the spacers.
Remove or comment out my previous code.
Remove or comment out the following ruleset.
#block-yui_3_17_2_1_1647446956387_11985 {   flex-wrap: nowrap !important;   justify-content: center !important } Change the following ruleset, make a copy somewhere, from...
#block-yui_3_17_2_1_1647446956387_11985 {   max-width : 150px;   text-align : center; } ...to...
#block-yui_3_17_2_1_1647446956387_11985 { max-width : 150px; margin-left : auto; margin-right : auto; } Let us know how it goes.

Add to Design > Custom CSS
/* Stack left navigation */ .Header-nav-inner { flex-direction: column; display: flex; }  

There is a min-height of 33vh set on sections. You need to override that to get the sections smaller. 

For all sections this would be:
.page-section { min-height: 0 !important; } For a specific section you need to specify the data-section-id that can be found by inspecting the page code using your browser's developer tools.

Somethig like this:
.page-section[data-section-id="5d979fd8590a832f3c411579"] { min-height: 0 !important; }  

yes it was so stupid - i'd spelt color the british way - colour....
Thank you so much for looking. 

Site URL: https://www.sucoca.com/about
@tuanphan @bangank36 @creedon 
I am having a side scrolling issue - i think it is to do with a marquee messing the overflow up?
Could someone please see if they know what is making this happen?  
www.sucoca.com/about pw:chocolate
https://share.getcloudapp.com/7KuAZ0jd

@failbetter
I was looking at your issue and I saw it in action and while I was tracking down what might be wrong the issue went away.
Did you fix the issue?

@failbetter
I'm stumped. I see nothing odd about that code. The div is about as simple as you can get. Certainly nothing that would cause the failure in rendering we were seeing.
The only thing I can suggest would be to put the code back in and see if the issue returns.
Oh and the CSS you put in Design > Custom CSS?

Thank YOu so much!!! That worked! 

Hey @failbetter try this:
.collection-type-products .grid-title { font-family: 'Didot' !important; }  

Site URL: https://www.sucoca.com/shop
Hi Does anyone know how to get the product list titles to show as the custom font? 
 
i've got this and its not working..
 
.Products .ProductsList {
  font-family: 'Didot'!important;
}
 
password:chocolate

Hey there,
Going to preface that I am not a coder. I poke around and add custom code until I break the site, then I try to fix it to the way I like it.
The following code worked for me on my site: http://mattehue.com :
@media screen and (min-width: 1px) { .header-layout-nav-right .header-nav-list { display: none; } .header-burger { display:flex; } .header--menu-open .header-menu { opacity: 1; visibility: visible; } } You're basically telling the browser that at all times—anytime the screen is greater than 1px wide—to hide the web nav, display the hamburger menu, then make the mobile menu visible.

@Jprood
I think I have the answer to your issues.
First remove (make a copy) or comment out any code that you added in previous attempts.
Add the following to Design > Custom CSS.
@media ( hover: none ) {   .cursor {        display: none !important;          }   } * {   cursor: none;      } .cursor {   --size: 10px;      height: var( --size );   width: var( --size );      border-radius: 50%;   pointer-events: none;   position: absolute;   transform: translate( -50%, -50% );   z-index: 99999999999;      } .cursor.cursor-dot {   background: #ffffff; /* This defines the color of the cursor */   mix-blend-mode: difference; /* Delete this line if you dont want the circle to invert */   transition: width 0.6s, height 0.6s, background-color 0.6s;   transition-timing-function: ease-out;      } .cursor-dot.active {   --size: 50px;      background-color: #ffffff;      } Add the following to Settings > Advanced > Code Injection > HEADER. 
<script src="//ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> Add the following to Settings > Advanced > Code Injection > FOOTER. 
 
<script>   $( ( ) => {        $( 'body' ).prepend ( '<div class="cursor cursor-dot" style="left: 0px; top: 0px;">' );        $( window ).mousemove ( function ( e ) {            $( '.cursor' ).css ( {                left: e.pageX,         top: e.pageY                  } );                } );            $( window ).mousemove ( function ( e ) {            $( 'a' ).on ( 'mouseenter', function ( ) {                  $( '.cursor' ).addClass ( 'active' );                  } );                } );            $( window ).mousemove ( function ( e ) {            $( 'a' ).on ( 'mouseleave', function ( ) {                $( '.cursor' ).removeClass ( 'active' );                  } );                } );            } );        </script> You will need to change the colors to match your color scheme.
Let us know how it goes.