How to Style Sticky Menu

[Shreyans]

Hi, I’m trying to style the sticky menu – make the background transparent but cannot seem to find the exact CSS. Tried these but no luck:

#header .is-sticky .sticky-header{
background-color: rgba (0, 0, 0, 0.4);
}

AND

#header-section:before, #header .is-sticky .sticky-header, #header-section .is-sticky #main-nav.sticky-header, #header-section.header-6 .is-sticky #header.sticky-header, .ajax-search-wrap{
background-color: rgba (255, 0, 0, 0.4);
}

[Tahir – SUPPORT]

Hi,
you would need to use this custom css

#header .is-sticky .sticky-header {
 /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

  /* IE 5-7 */
  filter: alpha(opacity=50);

  /* Netscape */
  -moz-opacity: 0.5;

  /* Safari 1.x */
  -khtml-opacity: 0.5;

  /* Good browsers */
  opacity: 0.5;
}

All the Best.

-Tahir

[Shreyans]

thanks!

[Tahir – SUPPORT]

Hi,
Glad to be of help.

Thanks
Tahir

[lawrence]

Trying this in Dante 2.65 and the custom css does not work.

I am using header 6 set to sticky.

Any ideas?

L

[Mohammad – SUPPORT]

@lawrence – Please provide me wordpress admin login detail.
Thanks