[Resolved] is it possible to use the header widget only on first page?

[Dalia]

Hello, question in the topic. I tried to use hooks, but with no luck.

Greetings, Dalia

[Leo]

Hi there,

You can use this CSS to hide on every page except home page:

body:not(.home) .header-widget {
    display: none;
}

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

Let me know 🙂

[Dalia]

oh that was very fast. Thank you Leo.

But now I’ve see, that the links I’ve added there, are behind the logo? I can not click on them.

[Leo]

This CSS you’ve added is causing the issue:

.header-widget {
    margin-bottom: -200px;
    float: left;
    padding: 10px;
}

[Dalia]

Yes, but at this position I want the widget 🙁

[Dalia]

ok, if it’s not possible I have two other options.

1. is it possible to put the top bar at the first page at top of the header instead the top of the site?
2. Switch the header menu to horizontal

[Leo]

Do you mind doing this first?
https://www.screencast.com/t/sAZU8h7bUcE

[Dalia]

done

[Leo]

so you want the top bar to be between the slider and main navigation on home page?

Which hook are you using to add the slider currently?

[Dalia]

I use the Hock before_header with the php for the slider.

[Leo]

So you are using Hooks Element to insert the slider in before_header hook correct?

If setting the priority to 1 should make it appear before the top bar.

[Dalia]

Looks good. Thank you 🙂

But if someday the option with the header widget is possible that would be even better.

[Leo]

Awesome 🙂

[Author]

Posts