How can I customize my website header for a minimalist design?

[tspp]

I am trying to have as minimal of a website as possible. I am offering a single service so simple is critical.

A few things I am trying to do.

1. Make my header background transparent

2. Make the header narrower (and the footer)

3. Remove the cart icon.

4. Create a button link on the header that takes visitors to a section to purchase my service

Any advice would be helpful. Thank you.

[Dan-From-Ryviu]

Hi @tspp

Could you share your store URL, take an image and let me know which part do you want to remove?

[tspp]

Hey @Dan-From-Ryviu

Thanks for your reply.

I updated my post with more details. I found out how to resolve part of the challenge. Let me know if those new details are helpful. I also switched to the ‘Publisher’ theme.

Thanks

[Dan-From-Ryviu]

Hi @tspp

Please share your store URL so I can provide code for 1, 2, 3.

You can create a link in main menu in Online store > Navigation so visitors will take to it when click on it.

[Moeed]

Hey @tspp

Could you please provide your Store URL and, if applicable, the Password too? Your cooperation is greatly appreciated!

Best Regards,
Moeed

[tspp]

https://53c436.myshopify.com/

[tspp]

https://53c436.myshopify.com/

pw: liebli

[Moeed]

Hey @tspp

Your store is password protected, please share the password as well.

Best Regards,

Moeed

[tspp]

thanks! I was able to edit the padding to the desired size. Everything else I still don’t see a solution for.

[Moeed]

Hey @tspp

Follow these Steps:

1. Go to Online Store

2. Edit Code

3. Find theme.liquid file

4. Add the following code in the bottom of the file above tag

{% if template == 'index' %}

{% endif %}

RESULT:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[tspp]

thank you. I was able to edit the padding to the desired size. Everything else I still don’t see a solution for

[tspp]

thanks so much. that is close. I’d like to remove the search icon and have a 50% opacity white background for the header. Also have a button that links to the single product section.

[Moeed]

Hey @tspp

Remove the previous code and add this new code in theme.liquid with the same steps.

{% if template == 'index' %}

{% endif %}

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[tspp]

thank you. that removed the search icon. i need to adjust the opacity so it is more white and less transparent, and i still want to add the button link on the right side of the header to link the product section.

[muzzamazza]

Hi Moeed, I’m also using the Publisher theme and would like the header background transparent but using this code didn’t work for me for some reason. Would you be able to have a look for me? Thank you so much!

URL : muzzamazza.com

pass: tiampa

[Moeed]

Hey @muzzamazza

Follow these Steps:

1. Go to Online Store

2. Edit Code

3. Find theme.liquid file

4. Add the following code in the bottom of the file above tag

{% if template == 'index' %}

{% endif %}

RESULT:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[muzzamazza]

Thanks for such a speedy response and the perfect solution! I just bought you a coffee

[Moeed]

Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.