Hello! I am setting up a new theme - Dawn. https://themes.shopify.com/themes/dawn/styles/default/preview?price%5B%5D=free&surface_inter_position=1&surface_intra_position=1&surface_type=all I would like to make the sticky header always visible, as opposed to the current header which only shows upo…

Yes please do. What do I need to change? Thank you

@BoogieThreads This is PageFly - Advanced Page Builder. I would love to give you some recommendations Add this css at the bottom Online Store->Theme->Edit code assets->base.css .announcement-bar__message { margin-bottom: -11px !important; } .header { position: fixed !important; top: 0px !i…

Thank you for your assistance. Unfortunately, that seemed to have broken the header in some way: [BoogieThreads_0-1663740268078.png]

@BoogieThreads can you send me the url of this site?

Yes of course it is www.boogiethreads.com i am not using the Dawn theme right now though. I am working on it before launching

This is PageFly - Advanced Page Builder. I would love to give you some recommendations please try again with this code Add this css at the bottom Online Store->Theme->Edit code assets->theme.scss.css .site-header__upper { padding-top: 31px !important; position: fixed !important; top: 0 !impo…

I do not have a theme.scss.css but a base.css. I added it there and it does not seem that anything happened.

Hi @BoogieThreads I can see you have changed the header, if you still want the header to always sitcky try this code and this time in the base.css file Add this css at the bottom Online Store->Theme->Edit code assets->base.css .header-wrapper { position: fixed !important; top: 0 !important; …

How can I make a sticky header always visible on the Dawn theme?

Store Design

BoogieThreads September 21, 2022, 2:33am 3

It seems like I need to chagne something in header.liquid but I want to be sure of what

Topic		Replies	Views
Sticky header header not working on my Dawn theme! Store Design css , shopify-themes	20	569	April 4, 2024
Dawn - keep the header visible when scrolling down Store Design	4	77	June 10, 2022
How can I fix the header issue in Dawn theme? Store Design design , customizations , css	3	71	March 30, 2023
How can I make my Dawn Theme header stay fixed when scrolling? Store Design menu , design , shopify-themes	5	149	January 6, 2023
Sticky Header all the time - Scroll Up and Down (Dawn) Store Design	9	268	June 14, 2023

How can I make a sticky header always visible on the Dawn theme?

Related topics