Jump to content

Pages/Folder items not showing up on mobile navigation

Go to solution Solved by NathalieSR,

Recommended Posts

Hi all,  I am having issues with my mobile navigation.

I have a drop down menu, and on mobile - only some of the items from the drop down show up.
My website is in english and german, on the english mobile navigation 3 out of 4 pages that are placed inside a folder show up, on the german one only 1 out of 4 is visible.
On the english pages, the last folder item is missing and on the german pages only the last item in the folder is showing.

On desktop it works perfectly.

I have not tinkered with the code for said drop down apart from changing its background, text colour and text alignment.

Does anyone know how to solve this and have all folder items showing up as they should also on mobile?

My website is live here https://www.nathmakesthings.com/home-eng

image.png.8361de8d311f8bd371a5412bb7333078.pngimage.png.9a59cea8754def4860359a250885a7f7.png

Screen Shot 2023-01-16 at 19.22.19.png

Screen Shot 2023-01-16 at 19.22.11.png

Link to comment
  • Replies 1
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

  • Solution

I have kind of figured it out  - but not fully

I can force the folder open on mobile on each page with a piece of code. This however only works on some of the pages? On all my german pages it works fine, but on all english pages only 3 out of 4 pages still show up on mobile with the same piece of code applied to those pages.

This is the code I'm using

<style>
  [data-folder="/Services"] div {
    display: block !important;
}
</style>

 

Edited by NathalieSR
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.