SVG Website Logo and Menu Color CSS

Hi there,

Like to switch a logo for home page and change the navigation colors?

If so you will need to use our header element module:
https://docs.generatepress.com/article/header-element-overview/
https://docs.generatepress.com/article/header-element-overview/#site-header

Example:
https://docs.generatepress.com/article/navigation-as-a-header/#different-logo-and-navigation-colors

Hi Leo,

I added the element and it works amazingly on the desktop. It broke my mobile menu. Can you help me fix it? The logo is supposed to be left on mobile. The apply now is supposed to be next to the hamburger menu.

To clarify, I would like to make it look like the sticky header on mobile as shown here:

Couple things:

- Looks like you are still using the old page header module and not the header element as suggested above. I would recommend using the new module.

- Your example screenshot you provided above shows no merge on mobile so you will need to use the Merge on desktop only option in header element:
https://docs.generatepress.com/article/header-element-overview/#site-header

- To add a button inside of the header on mobile, try using the mobile header option and you can add the button using HTML and hooks:
https://docs.generatepress.com/article/mobile-header/
https://docs.generatepress.com/article/mobile-header/#adding-html-inside-the-mobile-header
https://docs.generatepress.com/article/adding-buttons/

Hi, I decided not to use the sticky menu and previous mobile menu with custom code and button. I deleted the old page header. I applied the new header to the front page and the entire site. I tried to do exclusions but it's not working for me and therefore I am having issues on the other pages with a white section in the menu. It's applying the white logo and menu everywhere. How do I apply the original menu with the dark blue color?

The exclusion rule should definitely work.

Not sure why you would need it though?

You should only apply to that specific page hero to the front page.

Make sure to clear your caching plugin.

I would like to apply this menu to front page and about page only. How may I accomplish this?

Nevermind I figured it out. I didn't realize you can select individual pages.

Glad you figured out :)