brendas

Hi Ben,

Thanks for your quick reply. Can you give me the css for the topbar? Than I can try it and see what works for me and what not. Thank young advance.

Brenda

I made some changes in the CSS to match the colours of the website theme:

.sticky-wrapper.is-sticky .headerclass .sf-menu .widget-inner a {
color: #ff7f00;
}

.home .sticky-wrapper.is-sticky .headerclass .sf-menu .widget-inner a {
color: #ff7f00 !important;
}

Thanks a lot for your help Hannah!

Hi Hannah,

Oh, I figured it out by adding to the CSS: .widget-inner

One more thing; when not scrolled it works fine on the homepage. But on other pages the widget is white and the background is white too. Can this be changed to another colour, without changing it on the homepage?

Brenda

Hi Hannah,

Thanks for your reply. It almost works. But now the complete header is the same colour. I just want another color for the font of the extra widget. Not the rest of the menu. Is that possible?

Brenda

My custom CSS:

.sticky-wrapper.is-sticky .mobile-headerclass, .sticky-wrapper.is-sticky .headerclass {
-webkit-box-shadow: 0px 3px 3px 0px rgba(50,50,50,0.2);
-moz-box-shadow: 0px 3px 3px 0px rgba(50,50,50,0.2);
box-shadow: 0px 3px 3px 0px rgba(50,50,50,0.2);
}

.kad-header-menu-inner .kt-header-extras ul.sf-menu ul {
background: transparent;
}