Dawn Theme Rounder Header Corners

Jun_Kuan
Shopify Partner
41 0 4

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
873 117 126

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 | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel or buy us a Cofee here
Jun_Kuan
Shopify Partner
41 0 4

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!