Solved

How do i make the header like this rounded and disconnected

JaunreALR
Tourist
6 0 2

Screenshot 2024-01-24 191332.png

 

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

Accepted Solution (1)

webwondersco
Shopify Partner
778 123 126

This is an accepted solution.

@JaunreALR Could you please share your store URL?

 

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

Web Wonders | Shopify Partner | Connect here!
- Question answered? Mark as Accepted Solution, reply helpful? Click Like
- Hire me, if you want to design, re-design, develop a store, or make changes to the pre-built store.
- Coffee Tip? 🙂

View solution in original post

Replies 13 (13)

webwondersco
Shopify Partner
778 123 126

This is an accepted solution.

@JaunreALR Could you please share your store URL?

 

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

Web Wonders | Shopify Partner | Connect here!
- Question answered? Mark as Accepted Solution, reply helpful? Click Like
- Hire me, if you want to design, re-design, develop a store, or make changes to the pre-built store.
- Coffee Tip? 🙂
JaunreALR
Tourist
6 0 2

rastsolutions.myshopify.com i wanted to update this

Screenshot 2024-01-24 192152.png

webwondersco
Shopify Partner
778 123 126

@JaunreALR It's password-protected.

 

Could you please share your front password?

 

webwondersco_0-1706117146342.png

 

Web Wonders | Shopify Partner | Connect here!
- Question answered? Mark as Accepted Solution, reply helpful? Click Like
- Hire me, if you want to design, re-design, develop a store, or make changes to the pre-built store.
- Coffee Tip? 🙂
JaunreALR
Tourist
6 0 2

where do i find it

webwondersco
Shopify Partner
778 123 126

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

 

webwondersco_0-1706117494379.png

 

Web Wonders | Shopify Partner | Connect here!
- Question answered? Mark as Accepted Solution, reply helpful? Click Like
- Hire me, if you want to design, re-design, develop a store, or make changes to the pre-built store.
- Coffee Tip? 🙂
JaunreALR
Tourist
6 0 2

theasu is the password

 

JaunreALR
Tourist
6 0 2

theasu is the password

webwondersco
Shopify Partner
778 123 126

@JaunreALR would you like to display like this?

webwondersco_0-1706118226180.png

 

 

Web Wonders | Shopify Partner | Connect here!
- Question answered? Mark as Accepted Solution, reply helpful? Click Like
- Hire me, if you want to design, re-design, develop a store, or make changes to the pre-built store.
- Coffee Tip? 🙂
webwondersco
Shopify Partner
778 123 126

@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;
}
Web Wonders | Shopify Partner | Connect here!
- Question answered? Mark as Accepted Solution, reply helpful? Click Like
- Hire me, if you want to design, re-design, develop a store, or make changes to the pre-built store.
- Coffee Tip? 🙂

Made4uo-Ribe
Shopify Partner
5067 1206 1469

Hi @JaunreALR 

Would you mind to share your store URL? Thanks!

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


JaunreALR
Tourist
6 0 2

rastsolutions.myshopify.com

Made4uo-Ribe
Shopify Partner
5067 1206 1469

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

Made4uoRibe_0-1706117486041.png

 

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


Made4uo-Ribe
Shopify Partner
5067 1206 1469

Do you mean like this? 

Made4uoRibe_0-1706117975057.png

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!

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com