How to fix blank space above sticky header in Prestige theme?

Store Design
1

Hello,

there is a blank space above the sticky Header on my Page. The theme is Prestige. Does anyone know how to fix it ? And is it possible to disable the sticky Header on the Products Pages?

Thanks in advance :slightly_smiling_face:

STICKY_HEADER.png
STICKY_HEADER.png1275×176 15.9 KB

1 Like
2

@Birko

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

1 Like
3

Thanks, www.analogmarketplace.com

1 Like
4

@Birko

We have checked for this issue in real system and browserstack but it is working ok. In which system configuration or browser you are checking?We have checked for this issue in real system and browserstack but it is working ok. In which system configuration or browser you are checking?

5

It happens only on PC, i tried it with Chrome and Brave. In both Browsers there is a blank space above.

1 Like
6

@Birko

sorry can you try this code.

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
.supports-sticky .Header--transparent {
    box-shadow: none !important;
}
7

I made it, it’s still there

1 Like
8

can we content Any desk so i will check your desktop

9

How?

1 Like
10

@Birko

can you try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
.shopify-section--header{top: -1px;}
1 Like
11

@Birko

yes, please try this code to disable product page sticky header

.template-product #shopify-section-header {
    position: relative !important;
}
1 Like