Jump to content

Hide sub menu on mobile

Recommended Posts

  • Replies 21
  • Created
  • Last Reply
7 minutes ago, annasammarone said:

Yes, all sub-menu.

https://grouse-tiger-z66t.squarespace.com/ 

pw:0123456789

Many thanks!

Add to Home > design > Custom CSS

.Mobile-overlay-folder.is-active-folder {
    display: none;
}

 

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

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>

 

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

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

 

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

@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

👉 Squarespace Tutorials 

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

 

Link to comment

Archived

This topic is now archived and is closed to further replies.

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