Header In Wrong Place on custom page

CWalsh024
Tourist
10 0 3

Hi,

I have created a custom page with custom sections by adding them into a template in liquid. However before i scroll my header is in the wrong place and is on top of the announcement area. 

Is there any code that can solve this? 

Screenshot 2021-04-23 at 13.36.42.png

0 Likes
khilan
Trailblazer
177 11 22

hey @CWalsh024 

please share your web site url and password .

i can slove this your problem,

thank you so much.

khilan

 

Shopify Expert | Skype: khilan.mendapara
- Like and Mark as an Accepted Solution if reply helpful
- Feel free to contact me on khilan.mendapara1995@gmail.com regarding any help
0 Likes
CWalsh024
Tourist
10 0 3

Hi Khilan,

 

The url is www.gripzofficial.com 

there isnt a password on the site currently 

 

Thanks 

0 Likes
suyash1
Shopify Partner
2735 290 452

@CWalsh024 - add this css to the end of your css file and check

.sticky-header .header-section{top: 39px;}

.announcement-section {
    z-index: 7;
    position: sticky;
    transform: translate3d(0, 0, 0);
    top: 0;
}
You are welcome to contact me, my email - suyash.patankar@gmail.com
Free Shopify solutions/tutorials on youtube
#1 page builder app on Shopify - for FREE! PageFly
CWalsh024
Tourist
10 0 3

Hi Suyash, 

This didn't seem to work, unfortunately still having the same problem.

Thanks

0 Likes
suyash1
Shopify Partner
2735 290 452

@CWalsh024 - I see like this 

 

suyash1_0-1619538070252.png

 

You are welcome to contact me, my email - suyash.patankar@gmail.com
Free Shopify solutions/tutorials on youtube
#1 page builder app on Shopify - for FREE! PageFly
0 Likes