How do you make the nav bar stay on the screen while you scroll? I'm using the Brooklyn theme.
Hey there!
This isn't something that is wanted by all users, so it's not native to any Theme. That said, you can add a line of code into your CSS if you're handy with code or know someone who is:
http://stackoverflow.com/questions/24700184/how-do-i-force-a-vertical-scrollbar-to-appear
I hope that helps!
Hi Alex, thanks for your reply!
I'm not sure if we're talking about the same concept: it seems your link leads to a page that tells how two insert a special type of scrollbar. I'm wondering how to have a nav bar stay on the top of the screen while someone scrolls down.
One example of this feature is this very webpage, where the "ecommerce university" bar stays on the top of the page.
Hi Steve,
Open your theme and navigate to theme.scss.liquid. Paste the following css at the bottom for a quick fix. I added a background color to avoid the text from being impossible to read. Feel free to change the background color.
.header-wrapper {
position: fixed;
background-color: rgba(0, 0, 0, 0.5);
width: 100%;
}
If this doesn't work, please include a link to your shop and store password if needed.
Best,
Bill
Hey Billiam,
Thanks for the reply, as usual. I can always count on you.
It worked, except I was also wondering:
Thanks a bunch,
Steven
Can we make it so the background under the header only appears after scrolling down after the slider?
I've seen themes do it before like: http://themeforest.net/item/berger-wordpress-creative-agency-portfolio-theme/full_screen_preview/110...
Thanks!
User | Count |
---|---|
457 | |
193 | |
137 | |
61 | |
36 |