I need a couple things that I am in dire need of help with. Spent hours going through discussions/videos and such and just cant figure it out.
I want to change the color of my header when I go to my different pages. I want a transparent header on my home page that goes solid when scrolling. Then when I click any other menu button it doesn’t allow me to change the background or the font color making my menu not visible.
Pretty much of an exact example of what I want is:
https://lowtidethrift.com/
My store URL is:
https://retrocarve.com/
Hi @retrocarve
Follow these Steps:
- Go to Online Store
- Edit Code
- Find theme.liquid file
- Add the following code just above tag
If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!
Best Regards,
Makka
Hello @retrocarve ,
Hello @retrocarve ,
You can add code by following these steps
-
Go to Online Store → Theme → Edit code.
-
Open your base.css file
-
Place the code at the end of the file.
header.header{
max-width: 100% !important;
}
Modify the header settings in customization.
Thanks!
Hello @retrocarve
You can add code by following these steps
-
Go to Online Store → Theme → Edit code.
-
Open your theme.liquid file
-
Paste the below code before on theme.liquid
.header.white {
max-width: 100% !important;
}
{% if template == ‘index’ %}
.shopify-section-group-header-group .header-wrapper * {
color: #000 !important;
}
{% endif %}
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.
When I entered the code it was unable to save due to a syntax error 
I also tried these other codes and I am still stuck with the same problem that I cant change the header color or menu text on my other pages after I input the code that allows the transparent header on the home page. It is permanently stuck on white which is what I want, but if I change the text color to black, it changes to black on the transparent header on the home page which isn’t what I want.
Thank you for the width code, that one worked.
However I wish it was as simple as just switching the colors around but my header and text is stuck white on my other pages. I want the header to be white but the text black and when I change the color selections it does nothing at all so my menu is still not visible.
Thank you for your reply, however the code did not fix the problem as my header on every other page besides home is white background with white text. I am trying to get my header to look like the sticky header on the home page but on all my pages.
I want to change the colour of my contact page which is made by templates named contact-new, so instead of this {% unless template contains ‘index’ %} what can I use?
Has this been solved yet? I would like to know the solution too.. tks
