Rounded cornered search bar/field

Beautybeastnor
Tourist
6 0 1

Hi,

 

I would love to have our search bar in a round shape in the middle of our logo and cart ( like the one on the picture attached.)

Can someone please help me with this issue?

It would be really appreciated!

Thanks!

 

My Post (9).jpg

 

 

0 Likes
dmwwebartisan
Shopify Partner
5877 1342 1724

Hey @Beautybeastnor,

Please share your website URL. I will check and provide a solution here.

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
Beautybeastnor
Tourist
6 0 1

Hi,

My url is:

 

nydelig-no.myshopify.com

Thank you so much!

Best regards

Carl Iversen

0 Likes
dmwwebartisan
Shopify Partner
5877 1342 1724

Hey @Beautybeastnor,

Thanks for the URL. But your shop is password protected. Please share a password so I can check and give you a solution.

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
Beautybeastnor
Tourist
6 0 1

I have sent you the information you need on e-mail. Will there be a charge/fee for this, or are you just helping me out?

Best regards

0 Likes
dmwwebartisan
Shopify Partner
5877 1342 1724

Hey @Beautybeastnor,

You're in the forum so I just helping you out.

If you want any paid services then feel free to contact me.

I will paste the solution here so others can takes benefits for it.

 

 

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
Beautybeastnor
Tourist
6 0 1

Thank you so much

dmwwebartisan
Shopify Partner
5877 1342 1724

@Beautybeastnor,

Your given password is not working. Please check and provide the correct one.

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
dmwwebartisan
Shopify Partner
5877 1342 1724

Thanks

The second one worked!!

Let me see.

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
dmwwebartisan
Shopify Partner
5877 1342 1724

Hey @Beautybeastnor,

Please add the following code at the bottom of your assets/stylesheet.css file.

header #q {
border-radius: 20px !important;
padding: 0 0 0 12px !important;
}

 

Let me know if this works for you.

Thanks! 

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes