Code to keep navigation fixed not working on products or cart

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

Hi everyone,

I am running into a weird issue on a client's site (alicjajones.com). I entered some custom code to make her 7.0 site's navigation fixed (or at least the part that has her logo and shopping cart icon). It was built on the Nueva/Brine family template and I understand that this template has no option to fix it on desktop, only on mobile. 

The code appears to be working fine on all pages except for her products (books; e.g.:  https://www.alicjajones.com/books/own-your-power-day-by-day-365-meditations-for-clearing-emotional-mental-and-spiritual-blockages-to-becoming-your-higher-self) and when you click on her cart. In these cases, the navigation gets hidden and you can't access the cart. I'm not understanding why it wouldn't work on these pages too. I'd really appreciate any help with resolving this issue.

Thanks!
Emily

It looks like you fixed this? The https://www.alicjajones.com/books looks fine here

Hi @tuanphan, thanks so much for looking into this! Yes, I think I figured it out. The spacing got a little weird on all the pages after I fixed the navigation, but I just added spacer bars before the first headline to help "fix" it. Do you think that's okay or do you know of a code that would be a better solution?

On 4/27/2022 at 9:19 AM, EmilyDo said:

Hi @tuanphan, thanks so much for looking into this! Yes, I think I figured it out. The spacing got a little weird on all the pages after I fixed the navigation, but I just added spacer bars before the first headline to help "fix" it. Do you think that's okay or do you know of a code that would be a better solution?

If it worked, you can use it 🙂