Mobile navigation menu

Hi, I want my site's primary navigation buttons to appear behind a menu on mobile, which they do when I load the site on my phone.

But when my colleague loads the site on this phone, the titles appear above the main content. 

Any ideas why this is?

You mean this should fullheight?

I want the titles that you circled to only appear behind the "hamburger menu" button 

On 12/8/2022 at 12:00 AM, AlissaHirsh said:

I want the titles that you circled to only appear behind the "hamburger menu" button 

HI,

I see you solved this?

Hi @tuanphan on our new client's home page we have a hero image above the navigation, but would like the logo to stay in the top left when the site is viewed on mobile and nav icon is selected. The nav looks great on mobile, on all the other pages except the home page since we added the hero to the top of that one. Below are the screenshots for reference as well as the link and the password to view the site. Let me know if you have any questions. Thank you!
https://penguin-toucan-s42t.squarespace.com/

Password: DoveLove2023!

On 2/4/2023 at 5:17 AM, Dovely2023 said:

Hi @tuanphan on our new client's home page we have a hero image above the navigation, but would like the logo to stay in the top left when the site is viewed on mobile and nav icon is selected. The nav looks great on mobile, on all the other pages except the home page since we added the hero to the top of that one. Below are the screenshots for reference as well as the link and the password to view the site. Let me know if you have any questions. Thank you!
https://penguin-toucan-s42t.squarespace.com/

Password: DoveLove2023!

Hi,

Move this?

On 2/4/2023 at 9:28 PM, tuanphan said:

Hi,

Move this?

Hi @tuanphan yes on mobile and desktop. For some reason the preview in the Squarespace editor looks better than the actual preview in a separate window. Let me know if you have any other questions. Thank you! 

On 2/6/2023 at 9:58 PM, Dovely2023 said:

Hi @tuanphan yes on mobile and desktop. For some reason the preview in the Squarespace editor looks better than the actual preview in a separate window. Let me know if you have any other questions. Thank you! 

You have this code, change 650px to 0px

Hi @tuanphan if I do that it pushes the navigation bar back up to the top instead of keeping the hero image first. Is there a way to have the hero image be first but when someone clicks the menu the logo goes backs up to the left corner? So instead of the first screenshot the home page menu would display like the other page menus? Let me know if you have any questions. Thank you.

Hi @tuanphan just following up on this. Thank you!

12 hours ago, Dovely2023 said:

Hi @tuanphan just following up on this. Thank you!

I think possible, when overlay menu is open, body has a new id, we can target it. Your site is expired. You can access this link to extend it for free

17 hours ago, tuanphan said:

I think possible, when overlay menu is open, body has a new id, we can target it. Your site is expired. You can access this link to extend it for free

 

Yes, thank you @tuanphan. We've extended it. If you could help us figure out how to target it, that would be great. Thank you again.

16 hours ago, Dovely2023 said:

Yes, thank you @tuanphan. We've extended it. If you could help us figure out how to target it, that would be great. Thank you again.

Add to Design > Custom CSS

body.header--menu-open header#header {
    top: 0 !important;
}