How to show the full item name with sticky header DAWN 2.0

Store Design
, , ,
1

Hi!

I have applied the sticky header to my dawn theme, as I would like my costumers to have easy access to the main menu at all times. It works fine EXCEPT for the fact that since I also use sticky information for my product pages, and the product page apparently doesn’t know the header is sticky too, the header covers most of the items name, before the product information starts sticking. I have attached a video, as its kind off hard to explain. Its almost like i need a margin to the top of the product page? But i dont want the margin to be there at all times, as it would look bad.

Is there any way to make the product information stick earlier, so that it includes the products title?

You can see an example of my problem on this page: https://teefiti.dk/products/stella-langaermet-top

Code: Teefiti2022

2

Hi @MetteT ! You can solve this problem by following the steps below:

1- In theme → Online Store → Action → Edit code →

2- Go to the Assets → opensection-main-product.css
3- Find this code inside your file

Musfirah_0-1672386840024.png

  1. Replace it with the following code:

Musfirah_1-1672386891238.png

and Save the file.

Hope this works well for you!

1 Like
3

Thank you, this worked!