Mobile and Tablet Menu Shrinks Left and Right

Hi. My menu on mobile and tablet shrinks inward (left and right) when scrolling downward. Do you know how to fix this problem? My website is www.lakegeorgebattlefield.org Thanks, Christine.

Hi,
Please try to add this to Customize > additional CSS:

@media (min-width: 500px) and (max-width: 811px){
    #mainnav-mobi {
       width: 100vw;
       left: -10px;
   }
}
@media (min-width: 812px){
    #mainnav-mobi {
       width: 100vw;
        left: -30px;
    }
}

Regards,

Thanks Awan. Unfortunately, that code did not work. Do you have any other suggestions? Thanks again, Christine

Hi, I’ve checked your site and the code is working.
Or can you take a screenshot and let me know what you expected?