Navigation menu on a mobile screen question

Jose Gonzalez

• October 28, 2024 20:37
• Edited

I have used a template page to create my site. However, when I check the mobile screen, the navigation menu is all over the place and I have very limited controls to make adjustments, such as:

1 - each column item appears beneath each other, so the logo and text appear on different columns, and the burger menu is on column 3, and the phone number on column 4

2 - the second issue I have is that I made the nav menu sticky, but I don't want it to be sticky on a mobile screen as it takes up too much space.

I would appreciate your advice. I searched the FAQ and watched the video on mobile design, but that does not inlcude a navigation menu.

0

• 

  KC George

  • October 29, 2024 03:49
  • Edited

  Hello Jose,

  Let me go over your questions one by one. 

  1. Looks like you could fix the issue with mobile header design. If you need more help with it, kindly get back to us.
  2. The "Sticky" header setting is applied to all devices. Hence Sticky header cannot be disabled only for mobiles. I have removed some margins and paddings from the mobile sticky header and its height has reduced. Please check again.
     
     If you want to have a static header for mobile and sticky header for the desktop, you can duplicate the header block; you will then have two headers. One header can be can be set to "Sticky" and the other "Static". Hide the "Static" header in the desktop and tablet and hide the "Sticky" header in mobiles.

  0
• 

  Jose Gonzalez

  • October 29, 2024 10:32
  • Edited

  Thank you, that's perfect.

  Many thanks for your help!
  José

  0
• 

  KC George

  • October 29, 2024 03:51

  Done

  0

Please sign in to leave a comment.