Hi there,
On my site - virtualarmour.com - I have the nav menu set to transparent. This works fine for most pages, but on blog posts/blog index/etc. the transparent nav renders it invisible.
How do I set it up so that the nav menu on blog posts/categories/etc. has a solid background colour but remains transparent on pages?
Hi @weribinc,
Please change the CSS code to make the header transparent to be restricted only for the pages, something like this:
body.page-template .x-navbar, body.page-template .x-navbar .sub-menu {
background-color: hsla(0,0%,12%,0) !important;
}
If you check the code of the page you will see that the theme adds the page-template class to the HTML BODY tag whenever a page is showing.
1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar:
2- For the CSS code itself, I suggest that you get started with this tutorial:
Thank you.
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.