Merge image slider with elements

[Mårten]

Hi,

I’m trying to merge an image slider (Site Origin Hero) with the new Elements header. I used the your Page header before and it worked perfectly. But now I have trouble finding how to do it.

I out <!– page header –> in the text area in Page header but it does not seems to work out.

Can you please help me?

[David]

Hi there,

two options:

1. If the Slider is in the page content then create a header element with jus the <!–- page header -–> HTML comment and go to the Site Header tab in the element and set it to merged.

2. If you want the slider in the header, same as the above but instead of the HTML comment add the Shortcode for the slider.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Mårten]

Hi,

I tried to enter <!–- page header ––> but it doesn’t seem to work. The menu falls under the slider.

https://ibb.co/CVTfXF0
https://ibb.co/bKnsgkG

[Leo]

Any chance you can disable the maintenance page so we can see the issue?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Mårten]

Yes, of course.
Now it´s disabled.

[David]

Try adding this CSS:

.header-wrap {
    z-index: 100;
}

You may want to set that page to Page Builder Container: Full Width in the Layout metabox to get rid of the padding, this will remove the gap at the top of the page.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Mårten]

Now it works! 🙂

Thanks for the help.

[David]

You’re welcome

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts