how to make hamburger stay on screen while scrolling

info80272
15 Posts
info80272 posted this 09 December 2023
Ask a Question

How can I make ( only ) hamburger stay on screen while scrolling ? I don't want to make the whole heading sticky, just the hamburger.

How can I make ( only ) hamburger stay on screen while scrolling ? I don't want to make the whole heading sticky, just the hamburger.
Vote to pay developers attention to this features or issue.
4 Replies
Order By: Standard | Newest
Support Team
Support Team posted this 10 December 2023

Hello ARKADIUSZ,
Thanks for choosing Nicepage!

Hello, please select your Menu Element >> click the Hamburger Option on the panel on the right >> Select all views so Hamburger will be shown everywhere
After that please select the Header >> on the panel on the right and select Header over the block option and no color >> Select the Sticky on Scroll option so the Hamburger icon will be shown.

enter image description here

enter image description here

...................................................
Sincerely,
Negat Veri
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hello ARKADIUSZ, Thanks for choosing Nicepage! Hello, please select your Menu Element >> click the Hamburger Option on the panel on the right >> Select all views so Hamburger will be shown everywhere After that please select the Header >> on the panel on the right and select Header over the block option and no color >> Select the Sticky on Scroll option so the Hamburger icon will be shown. ![enter image description here][1] ![enter image description here][2] ................................................... Sincerely, Negat Veri Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp [1]: https://i.postimg.cc/gJMJvy3z/image.png [2]: https://i.postimg.cc/SNYsMMR4/image.png
info80272
15 Posts
info80272 posted this 19 December 2023

Either I misunderstood or this is not what I want. I want the Hamburger ONLY to be sticky on top, not the whole block, in which I have my top Header with banner, which I want to scroll away when the page is scrolled up. The way you told me the whole banner will be sticky, which I don't want. The problem is that on small screens the banner is too large and takes up too much room, so I want the banner to scroll away when the page is scrolled up, but the hamburger ( only ) should stay on in the upper right corner, so that the viewer could select the menu at any point of the page. If I make a block with a Hamburger only just below the top banner, then again a significant part of the page will be taken up on small screens, which is not good.

Either I misunderstood or this is not what I want. I want the Hamburger ONLY to be sticky on top, not the whole block, in which I have my top Header with banner, which I want to scroll away when the page is scrolled up. The way you told me the whole banner will be sticky, which I don't want. The problem is that on small screens the banner is too large and takes up too much room, so I want the banner to scroll away when the page is scrolled up, but the hamburger ( only ) should stay on in the upper right corner, so that the viewer could select the menu at any point of the page. If I make a block with a Hamburger only just below the top banner, then again a significant part of the page will be taken up on small screens, which is not good.
xvemanuelvx
362 Posts
xvemanuelvx posted this 20 December 2023

Enter this css code to your site:

.u-enable-responsive .menu-collapse {
position:fixed!important;
top:20px;
right:20px;
}

Enter this css code to your site: .u-enable-responsive .menu-collapse { position:fixed!important; top:20px; right:20px; }
Support Team
Support Team posted this 20 December 2023

Hello ARKADIUSZ,

Unfortunately, for now, there is no possibility to use the hamburger menu button in the described way.
We added your proposition to our wishlist for future improvements.
...................................................
Sincerely,
Negat Veri
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hello ARKADIUSZ, Unfortunately, for now, there is no possibility to use the hamburger menu button in the described way. We added your proposition to our wishlist for future improvements. ................................................... Sincerely, Negat Veri Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
You must log in or register to leave comments