Aligning other elements with the nav menu

Site URL: https://gar-lizard-ye86.squarespace.com/

Hi everyone - I'm about to pull my hair out on this one so help would be so appreciated 🙂

I've created a button and phone number underneath the site header by creating a new section under the header. On every page. A pain, but that part is done. 

I'd like that button to align right with my right-aligned menu, but the navigation area is full width while the section holding the button is as wide as can be, but that is not as wide as the header. This means that on wider screens, button will not line up with the nav menu. Does anyone know how this can be achieved?

I've attached an image of the state everything is in now. The phone number and button are in their own div with an ID I can fully control - if I only knew how to style it's position properly!

It would be nice if we could make sections the same width as the wider version of the header (not inset) but even a "wide" section is not that wide.

Any wisdom is appreciated - thank you!!

On 1/22/2022 at 3:02 AM, davevonbieker said:

Site URL: https://gar-lizard-ye86.squarespace.com/

Hi everyone - I'm about to pull my hair out on this one so help would be so appreciated 🙂

I've created a button and phone number underneath the site header by creating a new section under the header. On every page. A pain, but that part is done. 

I'd like that button to align right with my right-aligned menu, but the navigation area is full width while the section holding the button is as wide as can be, but that is not as wide as the header. This means that on wider screens, button will not line up with the nav menu. Does anyone know how this can be achieved?

I've attached an image of the state everything is in now. The phone number and button are in their own div with an ID I can fully control - if I only knew how to style it's position properly!

It would be nice if we could make sections the same width as the wider version of the header (not inset) but even a "wide" section is not that wide.

Any wisdom is appreciated - thank you!!

I think you can can add a button block in the footer. After that, we can use some js code to move it to the header navigator

In addition to that, kind share the protected password so we can take a look at it

@bangank36 I have a similar issue; can you help me with code to move the navigation button and the social links to the sides of the rest of the navigation links? See wireframe mockup:

Site: https://magnolia-sawfish-bdxx.squarespace.com/

Password: demo

23 hours ago, dv_louise_designs said:

I have a similar issue; can you help me with code to move the navigation button and the social links to the sides of the rest of the navigation links? See wireframe mockup:

 

Site: https://magnolia-sawfish-bdxx.squarespace.com/

Password: demo

Hi. I don't see Cart icon on your site. Can you enable it first? Or you don't want cart icon appear on nav

@tuanphan so cart icon is a separate issue that I'm still trying to fix - it's through ECWID. See my other post here asking about that (which you also helped me with!): 

On 3/27/2022 at 10:00 AM, dv_louise_designs said:

@tuanphan so cart icon is a separate issue that I'm still trying to fix - it's through ECWID. See my other post here asking about that (which you also helped me with!): 

 

Hi. What is your problem?

On 3/29/2022 at 5:54 AM, tuanphan said:

Hi. What is your problem?

Hi @tuanphan! I would love to get the header of my site to match that of my wireframe or something close to it. See attached: