Jump to content

I would like my navigation bar's menu (ei, about, blog, shop, instagram) links to be visible on mobile view.

Recommended Posts

Hi there, 

my site is www.stelaonda.com 

I would like for my navigation menu items to display on mobile, but I can't figure it out.  If you access the webpage via mobile, you'll see that only the hamburger option is visible. How do I show the menu items as well? 

For reference, please visit www.glossier.com - you'll see that their nav bar displays the categories even on mobile view. Is there css code that could help with this? Thank you! 

glossier-nav-bar.JPG

Link to comment
  • Replies 3
  • Views 559
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

3 hours ago, divequeen said:

Hi there, 

my site is www.stelaonda.com 

I would like for my navigation menu items to display on mobile, but I can't figure it out.  If you access the webpage via mobile, you'll see that only the hamburger option is visible. How do I show the menu items as well? 

For reference, please visit www.glossier.com - you'll see that their nav bar displays the categories even on mobile view. Is there css code that could help with this? Thank you! 

glossier-nav-bar.JPG

Do you mean showing all categories on mobile display with the horizon direction?

image.thumb.png.c4fcbf5349e8fe118feb2a8695f8886d.png

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - Lightbox captions only mode)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 No-code customisations for Squarespace
🚀 Learn how to rank new pages on Google in 48 hours!

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

Link to comment

You can try adding to Home > Design > Custom Css

@media only screen and (max-width: 767px) {
  .ProductList-filter-list {
    display: flex;
    overflow: scroll;
  }
  .ProductList-filter-list-item--all {
    display: none;
  }
  .ProductList-filter-dropdownToggle-label {
    display: none;
  }
}

Support me by pressing 👍  or marking as solution if this useful for you

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - Lightbox captions only mode)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 No-code customisations for Squarespace
🚀 Learn how to rank new pages on Google in 48 hours!

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

Link to comment

My testing

image.thumb.png.e96baeb64ff7c45a0090629784b66fa6.png

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - Lightbox captions only mode)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 No-code customisations for Squarespace
🚀 Learn how to rank new pages on Google in 48 hours!

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

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.