Jump to content

Mobile Navigation Menu

Recommended Posts

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

Hi everyone.

 

Hoping this message finds you all well today.

 

I'm looking for some guidance on a couple of things please.....

 

I'd like the same header view on mobile as on desktop site: My name "Richard Salter", then all navigation listings right underneath.

 

I also notice that on mobile, some of the section headings are cut off when jumping to the sections.  Anybody got a fix for this?

 

Thanks in advance!

 

x

Link to comment
On 11/1/2021 at 3:45 AM, skeebodelta said:

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

Hi everyone.

 

Hoping this message finds you all well today.

 

I'm looking for some guidance on a couple of things please.....

 

I'd like the same header view on mobile as on desktop site: My name "Richard Salter", then all navigation listings right underneath.

 

I also notice that on mobile, some of the section headings are cut off when jumping to the sections.  Anybody got a fix for this?

 

Thanks in advance!

 

x

So you mean to remove the hamburger icon and list all menu items on mobile?

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

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

@bangank36

 

Hey!

 

Thanks for your reply.

 

I found code that will remove the hamburger & replace it with the same navigation menu that appears on the desktop site, but it appears on the right of the site title (my name.)

 

What I'd like to have is the navigation menu appear right under my name the way it is on the desktop version.

 

Any ideas?

 

Thanks! 

Link to comment
3 hours ago, skeebodelta said:

@bangank36

 

Hey!

 

Thanks for your reply.

 

I found code that will remove the hamburger & replace it with the same navigation menu that appears on the desktop site, but it appears on the right of the site title (my name.)

 

What I'd like to have is the navigation menu appear right under my name the way it is on the desktop version.

 

Any ideas?

 

Thanks! 

So you mean in mobile or desktop?

image.png.e6d774d4feb68f705b0db4b6f8e0f19b.png

Mobile

image.thumb.png.cf3c23b087304672730431e0d02f674a.png

Desktop

Can you take a screenshot of what you mean? I can not find issues like you mentioned

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

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
1 hour ago, bangank36 said:

So you mean in mobile or desktop?

image.png.e6d774d4feb68f705b0db4b6f8e0f19b.png

Mobile

image.thumb.png.cf3c23b087304672730431e0d02f674a.png

Desktop

Can you take a screenshot of what you mean? I can not find issues like you mentioned

@bangank36

 

Hey!

 

Sorry about that, I didn't have the code pasted to show nav bar on mobile. I've just added it again.

 

Attached is what what I've got on iPhone SE, but I really want it to look how it does on desktop, with my name top centre then all navigation listings spread out underneath.

 

Thanks in advance.

 

x

 

 

 

 

 

 

Richard Salter - Mobile.jpg

Link to comment
On 11/3/2021 at 10:16 PM, skeebodelta said:

@bangank36

 

Hey!

 

Sorry about that, I didn't have the code pasted to show nav bar on mobile. I've just added it again.

 

Attached is what what I've got on iPhone SE, but I really want it to look how it does on desktop, with my name top centre then all navigation listings spread out underneath.

 

Thanks in advance.

 

x

 

 

 

 

 

 

Richard Salter - Mobile.jpg

Hi,

It looks like you figured it out?

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.