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; } } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) 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
Archived
This topic is now archived and is closed to further replies.