feelie75

well, hmm, that worked! I’m assuming that “position: relative !important;” is the key magic in this solution. That also fixed the problem of the menu bar on mobile overlapping the content, making it hard to read. Now when I click the hamburger icon to see the menu, the content gets “pushed” down out of the way so I can clearly read the menu options.

Thanks!! Appreciate it! ??

for the mean time, I’ve put this in the Additional CSS section:

.col-lg-12 {
padding-top: 100px;
}

on a PC, that padding only needs to be 40px, but the difference between 40px and 100px on a PC isn’t very noticeable, but on a mobile device, it needs to be 100px to not overlap.

The Events page is still messed up and overlapping under the header on mobile, but I’ll do a similar over-compensating padding there as well to get it fixed. Would be nice to not have the over-padding on PC browsers though. thanks.