Keep the header visible when scrolling page
I have two problems:
1. I removed the menu of the main page (themes settings> layout> masthead> Empty menu). So I added the menu widget “Custom Menu”. Since I’m doing this, my header disappears when I scroll the page. I would like to show that it remains at the top of the screen when the page is scrolled.
For information, I checked the “sticky menu” option.
2. Also, I do not know how to show a border or a shadow on the bottom of the header.
Can you help me?
Thank you in advance
This is our free support forum. Replies can take several days.
Need fast email support? Get SiteOrigin Premium
Replies
2Hi Pam
It’s unfortunately not possible to use a sticky menu with the header widget area menu. Vantage doesn’t currently have a sticky header option which is what you’d need here.
To get a shadow going under the header, try the following under Appearance > Custom CSS:
.site-header { box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.15); position: relative; }Thank you, it works for the shadow.
For the menu, I admit it’s frustrating not to be able to configure it the way I want, but I do not want to buy another theme, so I’ll make do.
Anyway, thank you for your help.
Replies on this thread are closed.
Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.