How do fix overlapping header text on mobile?

[MrDunkonthem]

As you can see, the main header is overlapping with itself. Is there a way I can fix this? Thanks

[Eric-HAN]

HI, there

Would you mind sharing your store url?

[MrDunkonthem]

https://1mdzui-uv.myshopify.com/password

maibla

[akshay_bhatt]

its not working

[MrDunkonthem]

Click the link, then click in the top right corner "login using password" and enter "maibla" press enter 

[Eric-HAN]

pls try below code

@media only screen and (max-width: 600px) {
 
    .videoBoxInfoTitle {
      font-size: 18px; 
      padding: 10px; 
    }
  }

[MrDunkonthem]

Didn't work when I pasted in the custom CSS for the header section. Do I need to put it in another section?

[akshay_bhatt]

Hi @MrDunkonthem ,

To fix the overlapping header:

add css to the header section

.header-class {
    z-index: 9999;
    position: relative;
    padding: 20px;
    position: sticky;
    top: 0;
}

 save and refresh

Got it! If you found my suggestions helpful, please consider liking or marking it as a solution.
Your feedback is appreciated! If you have any more questions or need further assistance, just let me know.

Thanks & Regards
Akshay Bhatt

[MrDunkonthem]

No luck.