I added some custom code to implement a sticky header, it does the trick. However, now I've added a custom product page and on those pages the header overlaps with the product image. I can't for the life of me figure out how to fix this. I'm sure I've made a mess of the code.
Thanks in advance.
Solved! Go to the solution
Hi Tejas,
My website is casacolorata.co.uk and the specific issue is on the template I am using for this product https://casacolorata.co.uk/collections/paint-and-tools/products/autentico-paint.
Thank you in advance for your help!
Kristen
This is an accepted solution.
Go to theme.scss.liquid file and add the following code at the end of file:
div#ProductSection-- { margin-top: 100px; }
Cheers,
Tejas
@Tejas_Nadpara Thank you so much! Now, I don't suppose you are able to help me on a few more issues that I have been unable to solve?
1) If you have scrolled down on a page a little bit (so you aren't right at the top) and you click open the hamburger menu, the 'X' to close the menu isn't there. It only shows if you are at the very top of the page when you open the menu. Thoughts?
2) On the Login/Create Account page, I have not been able to get an active hover state/colour over the links over the options like 'Create Account,' 'Return to Homepage' etc. like I have on the footer. https://casacolorata.co.uk/account/login?return_url=%2Faccount
3) On the homepage, right below the header I have opted for some text rather than an image because I couldn't get an image to work nicely for different screen sizes. Is it possible to fill the entire section background with a solid colour? When I've tried, it only added colour around the text, but I'd want to to fill the width of the screen the same as the sections below. Does that make sense?
Many thanks!!
Kristen
im experiencing the same issue, unfortunately the solution posted above does not solve it for me. Any other ways of solving this ?
User | Count |
---|---|
28 | |
19 | |
17 | |
16 | |
9 |