I am using the Dawn theme on my Shopify store. I want to have the bottom 2 corners of my header to be rounded by 30px. I also want there to be a margin on the sides of the header by 225rem. I tried to do this myself but have had no luck. My website is TsunamiTec.com and password is: youdontknow

I figured out the problem, wrong selector. this is what ended up working: sticky-header { border-radius: 0 0 30px 30px !important; margin: 0 2.25rem !important; }

How can I round header corners on the Dawn theme?

Store Design

James193 October 2, 2023, 2:54pm 5

I tried this at the bottom of my base.css and it didn’t work or do anything?

1 Like

Topic		Replies	Views
How can I create rounded header corners in the Dawn theme? Store Design design , header , css , shopify-themes , html	2	19	November 28, 2023
How do I round buttons on Shopify Dawn theme? Store Design design , css	2	24	April 7, 2023
How do i make the header like this rounded and disconnected Shopify Discussion shop-performance	13	24	January 24, 2024
How to get a round header? Store Design menu , design , header , customizations	6	16	April 11, 2024
How to make only 2 opposite corners round of slider in DAWN theme? Shopify Discussion troubleshooting	2	5	May 23, 2023

How can I round header corners on the Dawn theme?

Related topics