DDupMul 0 Share Posted May 22, 2020 My navigation scrolls of the screen on all of my pages. Is there something that I can do to make it stick at the top? Thanks! David Link to post
0 Dangercapone 0 Share Posted May 22, 2020 I literally up until JUST NOW had the same issue. I was on with support and they couldn't figure it out so she said she would research and email me. So, the mail said to add at least 2 pages to the main index page. I didn't know what she meant by an index page so I tried adding to the main navigation and it worked! Link to post
0 Dangercapone 0 Share Posted May 22, 2020 PS, You will need to add a section for EACH page. Link to post
0 Dangercapone 0 Share Posted May 22, 2020 The downside is the page names end up in the navigation which is what I don't want. Link to post
0 DDupMul 0 Author Share Posted May 22, 2020 5 hours ago, Dangercapone said: The downside is the page names end up in the navigation which is what I don't want. Thanks for your reply, I appreciate it. I'll try that. I have multiple "pages" on several pages - what's another page or three. 🙂 Link to post
0 derricksrandomviews 467 Share Posted May 23, 2020 What template are you using? It may have fixed navigation as a built in option. Link to post
0 whoyouapp 0 Share Posted May 23, 2020 I was able to have my header navigation be fixed by applying this custom CSS: .Header.Header--top { background: black; margin-top: -1rem; position: fixed; top: 0px; z-index:1000; width:100%; box-shadow: 0px 2px 3px rgba(0,0,0,0.1) } div.Header-inner.Header-inner--top { margin-bottom: -1rem; } Based on your template, your class selector (.Header.Header--top) might be different from mine. You can remove margin-top: -1rem; and div.Header-inner.Header-inner--top { margin-bottom: -1rem; } I added those lines of CSS because I wanted my navigation header to be thinner. Link to post
0 DDupMul 0 Author Share Posted May 23, 2020 13 hours ago, whoyouapp said: I was able to have my header navigation be fixed by applying this custom CSS: .Header.Header--top { background: black; margin-top: -1rem; position: fixed; top: 0px; z-index:1000; width:100%; box-shadow: 0px 2px 3px rgba(0,0,0,0.1) } div.Header-inner.Header-inner--top { margin-bottom: -1rem; } Based on your template, your class selector (.Header.Header--top) might be different from mine. You can remove margin-top: -1rem; and div.Header-inner.Header-inner--top { margin-bottom: -1rem; } I added those lines of CSS because I wanted my navigation header to be thinner. Thanks! Link to post
Question
DDupMul 0
My navigation scrolls of the screen on all of my pages. Is there something that I can do to make it stick at the top?
Thanks!
David
Link to post
Top Posters For This Question
3
3
1
1
Popular Days
May 22
5
May 23
3
Top Posters For This Question
DDupMul 3 posts
Dangercapone 3 posts
derricksrandomviews 1 post
whoyouapp 1 post
Popular Days
May 22 2020
5 posts
May 23 2020
3 posts
7 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