Re: Dawn Theme Rounder Header Corners

How can I create rounded header corners in the Dawn theme?

Jun_Kuan
Shopify Partner
44 0 5

I want to make my left and right bottom corners round, I couldn't do it because the section still has background even when adding css to the sticky-header component. I'm lost and I cant find any answers elsewhere so I hope someone could help me.


Here's a sample screenshot: 

 

Jun_Kuan_0-1701178094047.png

In this screenshot I have a 

 

Here's a share link to my development store: https://tw-dawn.myshopify.com/?preview_theme_id=132785438872
password is: tw

 

Replies 2 (2)

websensepro
Shopify Partner
1854 215 261

hi, @Jun_Kuan 

Go to Online Store
2) Edit Code
3) Find base.css file

4) Add the following code in the bottom of the file

 

header.header.header--middle-left.header--mobile-center.header--has-menu {
    border-radius: 20px;
    border: 1px solid black !important;
}
Need a Shopify developer? Hire us at WebSensePro For Shopify Design Changes/Coding
For Free Tutorials Subscribe to our youtube
Get More Sales Using Big Bulk Discount APP
Create Your Shopify Store For Just 1$/Month
Get More Sales Using Big Bulk Discount APP
Jun_Kuan
Shopify Partner
44 0 5

unfortunately, that doesnt work. heres what it looks like with your code:

Jun_Kuan_0-1701180265704.png

as you can see, after the rounded corners, theres still a white background.

By the way, thanks for taking your time to reply! I'm a huge fan of your youtube channel!