Jump to content

Shrink header branding on scroll 7.0

Recommended Posts

  • Replies 7
  • Created
  • Last Reply

Top Posters In This Topic

On 5/31/2021 at 9:35 AM, c_rissy said:

@tuanphan

Yes please! I want to resize the KANTO on scroll. Thanks!

Add to Settings > Advanced > Code Injection > Footer

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(function(){
 var visibleTop = 30;
  $(window).scroll(function() {
    var scroll = getCurrentScroll();
      if ( scroll >= visibleTop ) {
           $('header.Header.Header--bottom').addClass('tsticky');
        }
        else {
            $('header.Header.Header--bottom').removeClass('tsticky');
        }
  });
function getCurrentScroll() {
    return window.pageYOffset || document.documentElement.scrollTop;
    }
});
</script>
<style>
  .tsticky .Header-branding {
    font-size: 50px !important;
}
</style>

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
On 6/1/2021 at 10:01 PM, c_rissy said:

Thank you so much @tuanphan! You are seriously so amazing!

Do you need fix this?

Site URL – https://cat-orca-hdkp.squarespace.com/

1. (Tablet-Homepage) REduce text size?

cat-orca-hdkp.squarespace.com-01-min.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
16 hours ago, c_rissy said:

@tuanphanyes! I am still working on building out the site and playing around with elements but haven't gotten to media queries yet 🙂

Add to Design > Custom CSS

/* Tablet-Yas yus yes */
@media screen and (max-width:991px) and (min-width:768px) {
div#block-60b80924d3d23935476bdc85 h1 {
    font-size: 50px;
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

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