mattvrgs

I ended up just disabling the snap scroll and at least everything else works.

I think an easier solution would be to embed a service like Discord instead of programming from scratch but that's just me.

Site URL: https://tangerine-flamingo-d2gk.squarespace.com/

site: https://tangerine-flamingo-d2gk.squarespace.com/
pw: wax

Hey all!

I'm using this bit of jquery for a custom cursor and on it's own it works great

<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>

but I believe the function that gets the cursor position is interfering with the CSS Snap Scroll

//snap scroll homepage
#collection-62d56566e4713f4e4c93ab33  .page-section {
  scroll-snap-align: start;
}

that I'm using on the site as well. When you move the mouse while the viewport is moving everything jumps around and gets jittery. I'm not sure if there's a better way to get the mouse position or if I'm totally off base but any help would be appreciated.

Thanks!

I've already tried 

.sqs-mobile-info-bar {
z-index: 10;
}

And it didn't work for me unfortunately.

If anyone has any other ideas, I'd be super thankful.

Site URL: https://contrabass-minnow-awpf.squarespace.com/

Site PW: beauty

I have some CSS that forces the Mobile Info Bar to always be showing (on mobile, obvi), but there's a downside that it covers the "Book Today" button inside the Mobile Menu. I'm wondering if there's an easy/quick solution to change it so I can see the Book Today button. I appreciate the help!

Site URL: https://contrabass-minnow-awpf.squarespace.com/

PW: beauty

Hello!

I have a scrolling banner on my site currently. The only thing is when I go to mobile view the text stacks to 3 lines instead of just staying on one. 

Is there any way to make it stay as on long line of text?

Thanks!

Hey @tuanphan, any other ideas with this one?

On 5/1/2021 at 4:00 AM, tuanphan said:

Add to Design > Custom CSS

/* Announcement bar */
.sqs-announcement-bar-dropzone {
    position: absolute !important;
    top: 0;
    z-index: 999;
    left: 0;
    width: 100%;
}
article section:nth-child(-n+2) {
    margin-top: 100px !important;
}

 

So, I already have this code on my site: 

.sqs-announcement-bar-dropzone {
    position: -webkit-sticky;
    position: sticky;
    top: 515px;
    z-index: 10001;
}

.sqs-announcement-bar-close {
    display: none;
}

I tried pasting the code on top of mine, and updating my code to yours and I had some weird things happen. There was a big empty space at the top of the header where the announcement bar was, and then when I went full screen it moved again.

This is the correct positioning. I was trying to force it to the top of section[data-section-id="608b1790a9d0f438db008209"] but haven't been able to figure out how. I appreciate it.

A new issue I just noticed is the Announcement Bar is on top of the menu when I open it too. Sheesh.

Can you paste the code you're using?

Site URL: https://vanilla-collie-xre6.squarespace.com/

PW: 123456

Hi there!

So, I've positioned the Announcement Bar where I want it on desktop, but every time the screen size changes it gets all messed up. Is there a way I can force the position to the top of the dark gray section so it will always be there? I super appreciate the help!

Site URL: http://www.helicon-banjo-kjhj.squarespace.com

PW: southernbeauty

Hello Forum Friends,

So, a client we're working with just let us know we have to hide prices in her store until customers log-in to their account. Is there a clean way to do this? Right now we're considering using Squarespace's membership options and hiding the store behind that, but that doesn't really work well from a new customer's perspective.

I'm hoping to find a way to just hide pricing, and change the "add to cart" button to "login to see pricing", but I understand this is probably a more complicated process than I think it is. Any help with this would be much appreciated!