Jump to content

Category navigation on mobile

Recommended Posts

  • Replies 3
  • Views 364
  • Created
  • Last Reply
17 hours ago, inham said:

Hi,

I'd like to remove the white navigation category that appears on my mobile as shown in the picture.

I want to keep the blue menu but I would also like to try and reduce the font.

Please let me know if you know how to do this!

Thanks

https://wolverine-polygon-atzy.squarespace.com/config/design/custom-css

password: jewellery21

mobilenav.png

You can try adding to Home > Design > Custom Css

@media only screen and (max-width: 767px) {
  section[data-section-id="617c4c456b2bff616ca928a4"]
    .nested-category-children {
    display: none !important;
  }

  section[data-section-id="617c4c456b2bff616ca928a4"]
    .nested-category-tree-wrapper
    a {
    font-size: 20px;
  }
}

Let me know how it works on your site

Support me by pressing 👍 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 result

image.png.bfc5fb8a5b70b05105867cc29ba0ba09.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

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.