benesanchez Posted July 16, 2020 Share Posted July 16, 2020 Site URL: http://feastworship.com I'm trying to adjust the header on mobile so that it doesn't overlap with the picture. How do i do this? Link to comment
tuanphan Posted July 16, 2020 Share Posted July 16, 2020 Add to Home > Design > Custom CSS @media screen and (max-width:767px) { .homepage #page section:first-child { padding-top: 150px !important; } } 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
benesanchez Posted July 16, 2020 Author Share Posted July 16, 2020 I added the code, but it still doesn't seem to work. Here is my complete custom css: @media screen and (max-width:767px) { .homepage #page section:first-child { padding-top: 150px !important; } } a.header-nav-folder-title:hover+div,.header-nav-folder-content { text-align: center !important; position: absolute; background: #9B8A7D !important; left: 40% !important; right: unset !important; -webkit-transform: translatex(-50%); -o-transform: translatex(-50%); transform: translatex(-50%); } header { position: absolute; width: 100%; z-index: 4; } Link to comment
tuanphan Posted July 16, 2020 Share Posted July 16, 2020 remove my code, add this @media screen and (max-width:767px) { .homepage #page section:first-child { margin-top: 20px !important; } } 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
benesanchez Posted July 16, 2020 Author Share Posted July 16, 2020 Got it to work. I set it at 80px. Thank you! Link to comment
benesanchez Posted July 17, 2020 Author Share Posted July 17, 2020 One more question. How can i set a fixed height for the header picture in general? My client is still having problems with the navbar overlapping with the header picture on his laptop. 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