Why is my website header not functioning properly?

Shopify Discussion
1

Hey everyone, I added this code to my theme.css to get a transparent background but the header glitched or something.

Here is a preview of what happens: https://streamable.com/8cp2f4

Any help would be very appreciated!

1 Like
2

I think changing the style of the drop down menu to a slider will fix it. I am an amateur with coding anyone could tell me how to change it please?

1 Like
3

@py3

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

Welcome to the Shopify community!

Thanks for your good question.

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

4

Thanks for the quick reply!
The website is deadseapearlsuk.myshopify.com
Password: aaa
The problem is only on mobile phones

1 Like
5

@py3
sorry, i can’t see any issue.

it’s good on phone view.

6

The problem is with the drop down menu.

7

Hi @py3

I recognized the issue. Please share your store URL so i can help you.

1 Like
8

http://deadseapearlsuk.myshopify.com
Pass: aaa
Thanks!

9

Hi @py3
Use this css

#PageContainer {
  transform: inherit !important;
}
.mobile-nav-wrapper {
  position: fixed;
  z-index: 9;
  top: 0;
}
10

It worked! Thank you very very much mate