Hide Header module in menu page

anymedia

Hi and thanks in advance for your help.
I would like to hide the "header" module from some pages, I entered item id and suffix but it doesn't work (see attachment).
Can you help me?

saguaros

Hi anymedia

When you add suffix 'hide-header', you need to add custom CSS for this class also.

For example, if you want to hide the whole header of page, you can try this:

.hide-header #gkHeader {
    display: none;
}

put into the file: /css/override.css of template.

anymedia

Also I would like the header not to appear in the k2 articles

anymedia

menus with k2 articles have no headers, which is fine, but the menu is transparent as above the header, so the texts are not seen. I would like the menu without header to have a different text color.

Like a this page https://new.expansion-electronic.eu/index.php/en/contact-expansion

anymedia

saguaros
Thanks Saguaros, but the menu disappears completely in this page with "hide-header" https://new.expansion-electronic.eu/index.php/it/azienda/references-expansion-2

It would be enough for me to keep the header on the home page and have a fixed menu on the remaining pages, which is the same as the one that appears when scrolling. If it cannot be done otherwise.

saguaros

Hi anymedia

My above suggestion is only for hiding the header, it's sample code so you can achieve that with a suffix class because you add a class in template but there is no declaration for it.

Could you tell me how you want to achieve with 'hide-header' class so I can help?

anymedia

saguaros

I would like to hide the header in some pages.
But as I wrote in the previous message, perhaps it would be better to be able to do the opposite, choose only the pages where the header appears.
It would be enough for me to have the header image on the home page of the site, and in the others display only the fixed menu.
I am attaching an example

saguaros

Hi anymedia

If you want to hide the header on some pages only, you can add class suffix for those pages and use this custom CSS:

.hide-header #gkHeaderMod {
    display: none;
}

It will hide the image but keep the main menu.

anymedia

saguaros
Thanks but the menu problem remains, I will write a new post.

saguaros

anymedia Let me know if you need further help then.

anymedia

saguaros Thanks so much for your help but I had to fix it some other way because it didn't work the way I wanted. Thanks again.