VerenaK 0 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 post
0 tuanphan 8,922 Share Posted May 15, 2020 Add to Home > Design > custom CSS @media screen and (max-width:640px) { section#page { padding-top: 100px; } } VerenaK 1 You can send your question to my email to get detail answer. / How to Setup Password & Share URL --- Happy New Year Link to post
0 maistelmanmb 0 Share Posted December 11, 2020 My header has the same issue but it only shows up on safari, not chrome. lakebaylabradoodles.com Link to post
Question
VerenaK 0
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 post
Top Posters For This Question
2
1
1
Popular Days
May 15
2
May 14
1
Dec 11
1
Top Posters For This Question
VerenaK 2 posts
tuanphan 1 post
maistelmanmb 1 post
Popular Days
May 15 2020
2 posts
May 14 2020
1 post
Dec 11 2020
1 post
Popular Posts
tuanphan
Add to Home > Design > custom CSS @media screen and (max-width:640px) { section#page { padding-top: 100px; } }
3 answers to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment