Jump to content

Hide submenu on mobile keeping pages

Recommended Posts

Site URL: https://www.maximedidelot.com/

Hello everybody, 

Currently, I have a menu with 3 categories on my website (home, works, and contact). The « Works » category is a folder (not a page), and displays a submenu on hover like this :

— Home

— Works :

- Commercials
- Documentaries
- Music videos
- Shorts

— Contact

On mobile, I have to click on « Works » to display the submenu. 

Do you know if it’s possible to keep this structure on computer (with the submenu), but display a different menu on mobile only with the pages of the website, and without the submenu?  Something like this : 

— Home
— Commercials
— Documentaries
— Music videos
— Shorts
— Contact

Thank you very much ! 

 

Max

www.maximedidelot.com

 

Link to comment
  • Replies 7
  • Views 451
  • Created
  • Last Reply

Top Posters In This Topic

On 1/1/2022 at 10:17 AM, tuanphan said:

Hi,

Can you share link to your site? I don't see Home/Works/Contact on above site

You can  add submenu, then we will try some code to achieve the request

Hello Tuanphan, 

Thank you for your answer. I removed the folder because i didn't have solutions, but it's a ok, i put it back.

Here is the link: 

https://www.maximedidelot.com/

 

Thank you very much !

 

Link to comment
On 1/7/2022 at 4:07 AM, Maximax said:

Hello Tuanphan, 

Thank you for your answer. I removed the folder because i didn't have solutions, but it's a ok, i put it back.

Here is the link: 

https://www.maximedidelot.com/

 

Thank you very much !

 

I just solved a same case yesterday night. Do you use Personal or Business Plan? Each plan will have a different solution (yesterday I used code for Business Plan)

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
On 1/8/2022 at 8:38 PM, Maximax said:

It's a Personal Plan.

Add this structure to menu

— Home

— Works :

- Commercials
- Documentaries
- Music videos
- Shorts

— Commercials

— Comentaries

— Music Videos

— Shorts

— Contact

Then I will give code to hide Commercials, Documentaries, Music, Shorts (main items) on desktop & Hide Commercials, Documentaries, Music, Shorts (Sub items) on mobile.

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (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.