Home>Support>Keep the header visible when scrolling page

Keep the header visible when scrolling page

By Pam, 9 years ago. Last reply by Pam, 9 years ago.

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

URL: http://www.imaginservices.fr

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 8 months ago Andrew Misplon
    Hi, I Work Here

    Hi 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;
    }
    
  2. 9 years, 8 months ago Pam

    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.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More