how do I make the primary menu transparent?

  • Resolved philippf

    (@philippf)


    5 years, 1 month ago

    hello together, I would do with my Webiste the Navigationsbar or the primary menu transparent. I have set on my website images that adapt to the maximum height of the screen, in these pictures should then be the menu. if one comes to the website so only a single picture on the then the pages from the menu, to be seen. can someone help me? also as a template! Thank you very much

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi, philippf

    We have a little bit of confusion, can you please more clear what exactly you want so that we can understand easily. If possible share a screenshot.

    • This reply was modified 5 years, 1 month ago by Amit Gupta.
    Thread Starter philippf

    (@philippf)

    Like this Example of a transparent menu

    To make the primary menu is transparent, add the given below custom CSS code:

    @media (min-width: 600px){
       .navbar-custom{
	     background-color: transparent !important;
	     position: absolute !important;
	}
	#custom-collapse.collapse.navbar-collapse {
		background-color: transparent !important;
	}
}
@media (min-width: 600px) and (max-width: 767px) {
	.elementor-347 .elementor-element.elementor-element-141020fe:not(.elementor-motion-effects-element-type-background){
		height: 300px !important;
	}
}
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘how do I make the primary menu transparent?’ is closed to new replies.