Fixed navigation and announcement bar for Dawn Theme

Store Design
1

As the title, could anyone help me with my theme for the navigation and the announcement bar?

Actually I don’t really understand the difference between fixed and static…

Here’s the reference ( https://munken.co/ ).
Like this website, I need my navigation and announcement bar to be fixed on the top while scrolling up and down (both on pc and mobile devices)

Could anyone help me out? please :folded_hands:
Here’s my website ( https://abitsleepy.com/ )

2

If you know Chinese, you can refer to this tutorial of mine. Or you can translate it with software, it is also very easy to understand.

https://www.yuque.com/u237736/shopify/wz11ph

3

Yes I can read Chinese, but I think this tutorial doesn’t help with my problem for I’m asking for fixed navigation and announcement bar.

4

Sorry, I see it as “making announcement bar scroll”

5

Edit the code and follow the steps below

  1. Assets > base.css
    search for code: ‘shopify-section-header-hidden’, and remove the code like picture

AsenWang_0-1651667337150.png

  1. Layout > theme.liquid
    Search code: ‘{% section ‘announcement-bar’ %}’ or ‘{% section ‘header’ %}’
    Change the code to the following

  {% section 'announcement-bar' %}
  {% section 'header' %}

AsenWang_1-1651667908023.png

1 Like
6

YESSSSSS! Thank you so much!
Do you know how to adjust the size of my header? I think it’s a bit too thick

7

What if i skip the Step 1 ? What is gonna change?