[Resolved] Logo and menu position on home page header vs interior pages

[Gary]

Hello, when I use CSS Hero to adjust the logo and nav container on the home page (using the page header add-on), the positions shift on the other pages. How can I address that? I am using Elementor Pro with your theme. Thanks very much.

[Tom]

Hi Gary,

Is CSS Hero adding the CSS only on specific pages?

What are you adjusting exactly?

[Gary]

Hi Tom, thank you for your prompt response. CSS Hero is changing the position of the .site-header .header-image and Menu – Navigation Container on all pages. Ideally I’d like to be able to adjust the home page, and then adjust the ‘normal’ header.

Home page

Interior pages

Thanks very much.

[Tom]

What adjustments have you made exactly? Does CSS Hero give you the exact modifications made in CSS form? If so, you can add it to the Simple CSS meta box on that specific page (https://en-ca.wordpress.org/plugins/simple-css/) and then remove it from CSS Hero so the other pages are left alone.

[Gary]

Brilliant! Yes, I can extract the info from CSS Hero Inspector and add it the Simple CSS. Love this theme. Just figured out I can put Elementor template shortcodes into the Page Header add-on. Just did this so it’s crude but so much potential.

Thanks for all your help Tom.

[Tom]

You’re welcome! 🙂

[Author]

Posts