Sticky menu with non-transparent background

justanotherprogrammer
24 Posts
justanotherprogrammer posted this 17 July 2019
Ask a Question

The sticky menu option is important (to keep choices available no matter where within the scrollable area you are). However, when the website begins to scroll up, it seems to be displayed under the menu layer, and if the colour of the content is similar to the colour of the menu item font, the menu sort of disappears. Is there a way to specify that the sticky area has a SOLID background, so that the scrollable content will not obscure the menu as the user scrolls down the page? I'm referring to the SECTION having a solid background, not the menu items themselves.

The sticky menu option is important (to keep choices available no matter where within the scrollable area you are). However, when the website begins to scroll up, it seems to be displayed under the menu layer, and if the colour of the content is similar to the colour of the menu item font, the menu sort of disappears. Is there a way to specify that the sticky area has a SOLID background, so that the scrollable content will not obscure the menu as the user scrolls down the page? I'm referring to the SECTION having a solid background, not the menu items themselves.
sticky-menu non-transparent
Vote to pay developers attention to this features or issue.
11 Replies
Order By: Standard | Newest
justanotherprogrammer
24 Posts
justanotherprogrammer posted this 17 July 2019

Never mind - I found it! It was in the "Edit Theme" section under the "Page" tab.

Never mind - I found it! It was in the "Edit Theme" section under the "Page" tab.
Support Team
Support Team posted this 18 July 2019

Hi,

Thank you for your interest in Nicepage.

We are glad to hear that you have found a solution. Feel free to contact us in any other questions

...................................................
Sincerely,
Susanna I.
Nicepage Support Team

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

Hi, Thank you for your interest in Nicepage. We are glad to hear that you have found a solution. Feel free to contact us in any other questions ................................................... Sincerely, Susanna I. Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
davidabatten1
8 Posts
davidabatten1 posted this 04 September 2019

Can you tell me how I create the sticky menu please. I have the menu. Not quite working yet to ling to the sections/blocks. But I have no idea how to make it appear at the top of each section/block it Links to. Im stuck ages.

Can you tell me how I create the sticky menu please. I have the menu. Not quite working yet to ling to the sections/blocks. But I have no idea how to make it appear at the top of each section/block it Links to. Im stuck ages.
davidabatten1
8 Posts
davidabatten1 posted this 04 September 2019

Never mind - I found it! It was in the "Edit Theme" section under the "Page" tab.

Can you tell me how I create the sticky menu please. I have the menu. Not quite working yet to ling to the sections/blocks. But I have no idea how to make it appear at the top of each section/block it Links to. Im stuck ages.

> Never mind - I found it! It was in the "Edit Theme" section under the "Page" tab. Can you tell me how I create the sticky menu please. I have the menu. Not quite working yet to ling to the sections/blocks. But I have no idea how to make it appear at the top of each section/block it Links to. Im stuck ages.
justanotherprogrammer
24 Posts
justanotherprogrammer posted this 04 September 2019

My response to my own question says exactly where I found the capability. If that's not clear enough, please open your own question thread to get help from Nicepage.

My response to my own question says exactly where I found the capability. If that's not clear enough, please open your own question thread to get help from Nicepage.
Support Team
Support Team posted this 05 September 2019

Hi,

You can enable the Sticky option for the whole header area under the Header control options in the right panel.

...................................................
Sincerely,
Hella
Nicepage Support Team

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

Hi, You can enable the Sticky option for the whole header area under the Header control options in the right panel. ................................................... Sincerely, Hella Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
guchik178
13 Posts
guchik178 posted this 16 May 2021

Never mind - I found it! It was in the "Edit Theme" section under the "Page" tab.

can you show me where witha screenshot?

THX

> Never mind - I found it! It was in the "Edit Theme" section under the "Page" tab. can you show me where witha screenshot? THX
Support Team
Support Team posted this 17 May 2021

Hi,

Please check this screenshot:

menu-background.png

...................................................
Sincerely,
Hella
Nicepage Support Team

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

Hi, Please check this screenshot: !menu-background.png! ................................................... Sincerely, Hella Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
menu-background.png
trockliff
3 Posts
trockliff posted this 02 October 2022

I know how to have my menu be transparent over a hero image, and I know how to put a background behind my sticky scrolling menu, but how can I do the latter without it also putting a background behind my menu over the hero image (which I need to stay transparent until the viewer scrolls and the background kicks in)? I can do this with other themes like Astra but Nicepage overrides the settings in other themes.

Is it a setting that I just haven't found yet, or is not a Nicepage capability yet?

Thanks, Tony

I know how to have my menu be transparent over a hero image, and I know how to put a background behind my sticky scrolling menu, but how can I do the latter without it also putting a background behind my menu over the hero image (which I need to stay transparent until the viewer scrolls and the background kicks in)? I can do this with other themes like Astra but Nicepage overrides the settings in other themes. Is it a setting that I just haven't found yet, or is not a Nicepage capability yet? Thanks, Tony
MerlinAZ
2689 Posts
MerlinAZ posted this 02 October 2022

If I understand correctly, you want a transparent menu background until you scroll, then it becomes opaque?
Yes you can.
Sometimes you need to uncheck the Sticky box and recheck it to work. Do the background first before checking the box.

If I understand correctly, you want a transparent menu background until you scroll, then it becomes opaque? Yes you can. Sometimes you need to uncheck the Sticky box and recheck it to work. Do the background first before checking the box.
trockliff
3 Posts
trockliff posted this 02 October 2022

Yes Merlin, that's what I want. I'll try it again. Last time I did, it removed the transparency from the top hero menu and added the opaque background there as well.

Yes Merlin, that's what I want. I'll try it again. Last time I did, it removed the transparency from the top hero menu and added the opaque background there as well.
You must log in or register to leave comments

Company
Product
Themes & Templates
Nicepage
Web Design