My custom header I created using advanced styling and quick CSS looks great on the home page. However, if I go to an inner page (About) the header doesn’t look the same. Why would that be? Especially considering that I’m using the same header for all my pages.
Hey iedigitaldesign,
That just applies to the home page. If you want it on all pages you can create a dynamic template via template builder. Add the same header elements you used on the homepage and apply the template on your pages.
Best regards,
Jordan Shannon
I guess I should’ve been a bit more specific. It’s to logo/menu area. On the Home page it looks and works perfectly. On the inner pages it doesn’t. For example, the About page.
Correct (Home):
http://els-testsite.info/wp-content/uploads/2017/05/home.png
Incorrect (About):
http://els-testsite.info/wp-content/uploads/2017/05/about.png
Hi,
Try this code in the General Styling > Quick CSS field:
.header_color .container_wrap_meta {background-color: rgba(1, 78, 68, 1) !important; }
Best regards,
Mike
Hey, Mike… That worked for the small bar above the menu, but the transparency of the background behind the logo and main area is white. It’s still not the same on the Home page.
And thank you very much for your help.
Whoops… Nevermind. I got ahead of myself. I figured out my final issue. Again, thanks for your help.
Hi,
I’m glad Mike’s solution was able to help. If you need anything else, please let us know here in the forums!
Best regards,
Jordan Shannon