How can I make the menu bar transparent? I want to be able to see the background on every page, through the top menu. I’ve tried with all kind off css, but I can’t make this one happen.
Also, the sticky menu is transparent right now, but I would actually prefer that the sticky menu was a solid color and the main menu was transparent.
I’ve tried changing colors in the theme panel without any luck.
Hi,
You can use the Header manager to customize the menu -> https://tagdiv.com/newspaper-theme-customize-the-header-manager/
If there is still a problem, please provide me a link were I can the header, in this way I will be able to provide a better answer or a custom css.
Thank you!
I can’t make the header manager work. Right now the main menu is solid, and the sticky menu is transparent. I would love it to be the other way around.
Here’s my website: https://kopenhagenkonsulting.com/
Can you help me with custom css?
Hi,
I have checked the main menu and there is set transparent background, but the header have set a background color ( also the header is separate from content, in this case the menu will not be set over the content ) ->
-> https://www.screencast.com/t/3kb0hTl0
-> https://www.screencast.com/t/K1FVK9QVzM
For sticky menu you can use this custom css
-> https://www.screencast.com/t/mbLrDl8iriSe
.tdc-header-wrap .td-affix{
background-color: #152d3f;
}
Set the code in theme panel> Custom code> Custom css
Thank you!
Thank you so much for the custom CSS for the sticky menu.
About the main menu header, does it mean that it’s separate from the rest of the content and therefore it’s not possible to make it transparent and have the text hover on the content?
Hi,
Yes, the header is separate from the rest of the content, if you want to have the menu over the content you can chose the Page Builder + Overlay Menu page template -> https://forum.tagdiv.com/page-templates-2/
Thank you!
Hi Calin,
Thank you for you help. It works on my home page https://kopenhagenkonsulting.com/, where I don’t need to use a header (H1). But when I choose Page Builder + Overlay Menu instead of the Page Builder + Page title, then it makes the H1 of the logo become my Header 1.
How can I change that and make my own H1 title?
Hi,
Please check this topic about how to remove the h1 from logo -> https://forum.tagdiv.com/topic/problem-for-remove-h1-td-logo/
Thank you!
