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

Hide sub menu on mobile


Question

  • Answers 21
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

@annasammarone were you wanting this 2 column layout for iPad only?   

You mean: Click Shop the collection > Browser will redirect to shop page, without opening submenu?

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> $(docum

Posted Images

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!

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 detail answer. / How to Setup Password & Share URL 

-- Pour your heart into it

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 detail answer. / How to Setup Password & Share URL 

-- Pour your heart into it

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

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

👉 Squarespace Tutorials 

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

 

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