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

Solved
SethN1
Excursionist
33 1 3

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

0 Likes
pawan987
Excursionist
34 8 5

This is an accepted solution.

Hi @SethN1,

Please alter your inserted media code with this:

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

Thanks

SethN1
Excursionist
33 1 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. 

pawan987
Excursionist
34 8 5

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

Thanks

0 Likes