How do i make the header like this rounded and disconnected

[JaunreALR]

How do i make it like that disconnected from the template and rounded corners

[webwondersco · Accepted solution]

@JaunreALR Could you please share your store URL?

Also, share the screenshot where you would like to update on website

[JaunreALR]

rastsolutions.myshopify.com i wanted to update this

 

[webwondersco]

@JaunreALR It's password-protected.

Could you please share your front password?

[JaunreALR]

where do i find it

[webwondersco]

on Shopify Admin -> click on online store -> click on preferences -> scroll down to password section

[JaunreALR]

theasu is the password

[JaunreALR]

theasu is the password

[webwondersco]

@JaunreALR would you like to display like this?

[webwondersco]

@JaunreALR Add the below line of CSS code at the end of your base.css file. You can find this file under assets folder.

header.header {
    background-color:gray;
    border-radius:15px;
    margin:10px auto;
}

[Made4uo-Ribe]

Hi @JaunreALR 

Would you mind to share your store URL? Thanks!

[JaunreALR]

rastsolutions.myshopify.com

[Made4uo-Ribe]

Its password protected. You can find the password if you click this button on the online store > theme >

[Made4uo-Ribe]

Do you mean like this? 

I change the color so youll see the header. 

This is ths code. 

header.header.header--middle-left.header--mobile-center.page-width.header--has-menu {
    background: gray;
    border-radius: 20px;
}

And Save. 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!