Sticky bar scrolls behind sticky menu, Dawn theme

Store Design
,
1

I’ve developed a landing page for my site and have a sticky menu in place. The landing page also has a sticky bar, however when scrolling down the landing sticky bar is scrolling behind the sticky main menu. The landing page was created using Pagefly

If I can remove the main header and footer from just the landing page that would be even better. Any help is appreciated, I’m using the Dawn theme

Screenshot 2023-11-22 182658.png
Screenshot 2023-11-22 182658.png1092×607 295 KB

2

Hi @juxtapozthis

Could you drop your store link to check?

3

Hi @juxtapozthis

You’ll need to add some JavaScript to your theme. Below are the instructions:

Note:- It’s advised to create a duplicate copy of your theme before editing theme code for backup purpose.

  1. From your Shopify admin, go to Online Store > Themes.

  2. Click … > Edit code.

  3. Open the file “theme.liquid”.

  4. Scroll till bottom to find tag.

  5. Paste the following code just before the tag.

{%- if page.handle == 'bf23-email-landing-page' -%}

{%- endif -%}
  1. Save the changes.

I hope this helps!

Best regards,

4

Thank you! That solved it :slightly_smiling_face: