VerenaK Posted May 14, 2020 Share Posted May 14, 2020 Site URL: https://www.marcelkimble.com/ Hi, I used a css code to install a fixed header for my Wells template. Unfortunately the header overlaps my page when you use a mobile device to visit the page. My code: @media screen and (max-width:640px) { div#headerWrapper { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; background: white; background-repeat: no-repeat; background-size: contain; background-position: center center; width: 30px; height: 80px; display: inline-block; visibility: visible; } div#mobileNav { margin-top: 110px; } } @media screen and (max-width:640px) { #mobileNav { background: #a3a3a3; position: fixed; top: 5px; left: 0; right: 0; z-index: 999; } } Thanks in advance! Link to comment
tuanphan Posted May 15, 2020 Share Posted May 15, 2020 Add to Home > Design > custom CSS @media screen and (max-width:640px) { section#page { padding-top: 100px; } } VerenaK 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
VerenaK Posted May 15, 2020 Author Share Posted May 15, 2020 Worked fine! Thank you again🌹 Link to comment
maistelmanmb Posted December 11, 2020 Share Posted December 11, 2020 My header has the same issue but it only shows up on safari, not chrome. lakebaylabradoodles.com Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment