Changing the menu background color by page

I’d like to start by saying great theme, and great forum, thank you!

I was wondering if it would be possible to change the menu bar’s background color on specific pages on Shapely?
I would like to keep the menu bar transparent on the homepage; then have it one (same) color on all other pages.

Thank you for your time!

Hey there,
I hope you’re doing well today

To achieve this will require some advanced customization,
Developing custom code for custom functionality is beyond the scope of support that we provide here.
If you are not a developer then you can consider using our customization services here.

Best Regards,


Try this Custom CSS in Appearance -> Customize -> Additional CSS,

/* Home page */
.home #site-navigation { background-color: white; }
/* Other pages */
.page #site-navigation { background-color: red; }

Let us know,