Tyjohns Posted October 6, 2020 Share Posted October 6, 2020 Site URL: https://www.tyjohns.com I'm trying to create a fixed header within the York template. Issue: The index description scrolls over my header. See current CSS code pulled from other forum discussions on similar issue. Also see attached image. #header { position: fixed; z-index: 1; background-color: white; border-bottom: 0px solid #bbb; padding-top: 30px; width: 100%; padding-bottom: 30px; margin-top: 0px; } main#page { margin-top: -10px; } Link to comment
tuanphan Posted October 7, 2020 Share Posted October 7, 2020 #header { position: fixed; z-index: 1; background-color: #fff; border-bottom: 0px solid #bbb; padding-top: 30px; width: 100%; padding-bottom: 30px; margin-top: 0px; } div#content { padding-top: 80px; } 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
Tyjohns Posted October 7, 2020 Author Share Posted October 7, 2020 @tuanphan Really appreciate you taking the time. After inputting this code, the index description text still scrolls over my header. Any other ideas or elaboration on how I might fix this? Link to comment
tuanphan Posted October 8, 2020 Share Posted October 8, 2020 Try new code #header { position: fixed; z-index: 1; background-color: #fff; border-bottom: 0px solid #bbb; padding-top: 30px; width: 100%; padding-bottom: 30px; margin-top: 0px; z-index: 999; } div#content { padding-top: 80px; } 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
Tyjohns Posted October 8, 2020 Author Share Posted October 8, 2020 @tuanphan Same issue occurring with this code :/ Link to comment
tuanphan Posted October 10, 2020 Share Posted October 10, 2020 On 10/9/2020 at 12:53 AM, Tyjohns said: @tuanphan Same issue occurring with this code :/ Can you take a screenshot? 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment