[Resolved] Menu inside the hook

[Rytis]

Hello, I need to use menu inside the hook which is slideshow.
Currently I am able to set menu either above it or below it, but how may I put it at the top of slide shows so the background is slideshows and not white.

[David]

Hi there,

you can use a Header Element:

https://docs.generatepress.com/article/header-element-overview/

You don’t need to add any content to the Hero tab, simply go to the Site Header tab and check the Merge with Content option. You can then check and edit the Navigation colors.

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

[Rytis]

If I do that my website all collapses to a mess. I do not need wish to change colour of the navigation. All I need is to change position of menu so it is displayed on the slideshow, not before or after, but on it.

[Tom]

Hi there,

Copying how your other pages are doing it, you can do this:

.home #site-navigation {
    overflow: hidden;
    display: inline;
    position: absolute;
    top: 10%;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 1200px;
}

Let us know 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Rytis]

Yeah that worked, now just gotta find out ways to make some css adjustments, but will do that on my own, thanks <3!

[Tom]

No problem 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts