Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
annasammarone

Hide sub menu on mobile

Question

21 answers to this question

Recommended Posts

  • 0

It works but when I click on the menu item "shop the collection" nothing opens.

It's possible to open the first folder? Exactly as happens by default if you open the website from PC and not from phone.

Many thank!

Share this post


Link to post
  • 0

Add to Home > Settings > Advanced > Code Injection > Footer

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>
<script>
$(document).ready(function() { 
	$('button.Mobile-overlay-nav-item.Mobile-overlay-nav-item--folder:nth-child(2)').click(function() {
		window.location = "/shopthecollection";
	});
});
</script>

 


You can send your question to my email to get faster answer.

How to Setup Password & Share URL  Squarespace Customer Care

Share this post


Link to post
  • 0

I see burger fine here.

With 2 columns, add this to Home > Design > Custom CSS

@media screen and (max-width:640px) {
body#collection-5ecf99485167fa039bc6a663 {
  .sqs-gallery-design-autocolumns {
      height: unset !important;
      display: grid;
      grid-template-columns: repeat(2,minmax(0,1fr)) !important;
	grid-column-gap: 10px;
  }
.collection-type-gallery.gallery-design-grid .slide {
    top: unset !important;
    width: 100% !important;
    height: auto !important;
    position: relative;
}
}
}

 


You can send your question to my email to get faster answer.

How to Setup Password & Share URL  Squarespace Customer Care

Share this post


Link to post
  • 0

On the "shop the collection" page takes - unlike the other pages, the hamburger menu does not works on iPad and then the gallery does not have two columns when you open the page. I will like two columns.

Many thanks!

IMG_0149.PNG

Share this post


Link to post
  • 0

@annasammarone 

/* Add this code to Design -> Custom CSS */
 

.sqs-gallery-design-autocolumns {
    display: grid;
    grid-template-columns: 1fr 1fr;
    height: unset !important;
    width: 100%;
    grid-gap:0 10px
}

.sqs-gallery-design-autocolumns-slide {
    position: unset !important;
    grid-column: span 1;
    width: 100% !important;
    height: unset !important;
    top: unset !important;
    left: unset !important;
}

 


Philadelphia, PA

Available for hire

Beyond Copy/Paste: Learn CSS for Squarespace Workshop

Chat/Message on FB Messenger for quickest responsehttps://m.me/dejaegherryan

 

Share this post


Link to post

Create an account or sign in to comment

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


×
×
  • Create New...