VerenaK 0 Posted May 14 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! Share this post Link to post
0 tuanphan 8,040 Posted May 15 Add to Home > Design > custom CSS @media screen and (max-width:640px) { section#page { padding-top: 100px; } } 1 VerenaK reacted to this You can send your question to my email to get faster answer. / How to Setup Password & Share URL -- I'm Tuan. I work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days. Share this post Link to post
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!
Share this post
Link to post