[Resolved] Add class to body when merge header is active

[Markus]

Hello, I need to make adjustments (set color on svg logo etc.) to the header depending on if a merge header element is used on the page. I was thinking of adding a class to the body and added a script snippet directly in the page hero content like so:

<script>
	document.body.classList.add('merge-header');
</script>

It works but this creates the page-hero section in the top of the page which seems a bit unnecessary when Gutenberg is being used. Is there another way to detect if the header merge element is used and then filter the body class?

[Fernando]

Hi Markus,

Where’s the SVG located? If it’s in the Header, by default, the header is wrapped in a div with class – header-wrap if merged.

Can you provide the link to the site in question for reference?

You may use the Private Information field for this: https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information

[Markus]

Ahh, I see! That works for me, I can use that class to add adjustments. Providing a link in the private information for reference.

[David]

Hi there,

did you get this working ? As the topic has been marked as resolved ( Which auto deletes any Private Info ).
If you still need assistance , please add the URL back in the private info.

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

[Markus]

Hi, thanks for your reply and fast support. I got it working with the .header-wrap class!

[David]

Glad to hear that!

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

[Author]

Posts