How to have menu layered on top of background slider

Support
#1

Hi! I’m trying to have a background slider go to the very top of the Home page with the menu overlaying the slider. I’ve tried everything! Well… clearly except the thing that makes it work! :wink: Are you able to give me some guidance?

Thank you!!

#2

Hi @jquinn33,

Thanks for reaching out.
I checked your page and noticed that the navigation is placed inside the content instead of the Header. If this was intentional, you’ll need to add custom CSS to overlap the navigation over the slider.
Alternatively, you can:

  1. Set the Primary Menu via Appearance > Menu.
  2. Assign the Slider in the page settings.
  3. Stack the Navigation over the slider.

You can check the following articles, which explain how to set the Slider and Navigation.


Since you are using Pro, you also have the option to create a custom header with the Header Builder, which might be an even better solution:

https://theme.co/docs/header-builder-overview

Thanks