Help: last item in menu list is unclickable (debut theme)

Technical Q&A
1

Hi, I have the following code installed in theme.css to make the announcement bar sticky, however, it has made the last item in the menu unclickable. How could I fix this?

#shopify-section-header {
position: relative !important;
}
.announcement-bar{
position: fixed;
 top: 0; 
width: 100%;
 z-index: 99;
}
.site-header{
top: 52px; 
}
#PageContainer{
padding-top: 77px;
}
@media(max-width: 749px){

#PageContainer {
  padding-top: 120px;
}
}

Thank you so much for the help, I appreciate it. Website: uvteeth.com

2

Hi @SethN1 ,

Please alter your inserted media code with this:

@media(max-width: 749px){
#PageContainer {
  margin-top: 120px;
}

Thanks

3

Thank you so much! It worked perfectly, I just had to change the margin-top value to prevent a large gap, thank you for the help.

4

For Design & Development, I can assist you if you need any help you can drop me a mail and we can discuss more.

Thanks