Comments 2Tsueyxian started the conversationApril 26, 2017 at 2:53pmHello, I've did custom CSS on this page (Header menu):https://thegifthouseportland.co.uk/book-nowMenu heading is now in white, however it change the colour in sticky header too, which my sticky header has a white background and the menu is not visible now, any solution?Thank you! 1,558Laborator repliedApril 27, 2017 at 7:42amHi there,That can be done if you paste this CSS in your Custom CSS area of that page: .main-header.menu-type-standard-menu.sticky-fixed .standard-menu-container.menu-skin-light ul.menu>li>a { color: #333 !important; } Best regards,Laborator Team Documentation Join Kalium Users Group 2Tsueyxian repliedApril 27, 2017 at 10:06amDone thanks!But I need to change the logo too: (sticky header , change it to a dark color logo)https://thegifthouseportland.co.uk/book-nowThis is the link for dark color logo:https://thegifthouseportland.co.uk/wp-content/uploads/2017/04/logo5.svgWhat should I type in custom CSS on that page please?Thank you! 1,558Laborator repliedApril 28, 2017 at 10:02amHi there,All these settings can be managed by the Sticky Header feature which is on every page, besides the general settings. See how I did it: (view large version)For more info please see the whole documentation article.Best regards,Laborator Team Documentation Join Kalium Users Group1 Like 2Tsueyxian repliedApril 28, 2017 at 2:23pmGreat thanks!How about in mobile?(hamburger menu)This page only, sticky header maintain dark, but header hamburger icon change to white?Thank you! 1,558Laborator repliedMay 2, 2017 at 6:31amHi Tsueyxian,I gave you the CSS for it, if you want to change it through the settings then simply change the parameters until you achieve what you want.Best regards,Laborator Team Documentation Join Kalium Users Group 2Tsueyxian repliedMay 2, 2017 at 10:22amoh ya, sorry my bad- thank you! Sign in to reply ...
Hello, I've did custom CSS on this page (Header menu):
https://thegifthouseportland.co.uk/book-now
Menu heading is now in white, however it change the colour in sticky header too, which my sticky header has a white background and the menu is not visible now, any solution?
Thank you!
Hi there,
That can be done if you paste this CSS in your Custom CSS area of that page:
.main-header.menu-type-standard-menu.sticky-fixed .standard-menu-container.menu-skin-light ul.menu>li>a { color: #333 !important; }Best regards,
Laborator Team
Done thanks!
But I need to change the logo too: (sticky header , change it to a dark color logo)
https://thegifthouseportland.co.uk/book-now
This is the link for dark color logo:
https://thegifthouseportland.co.uk/wp-content/uploads/2017/04/logo5.svg
What should I type in custom CSS on that page please?
Thank you!
Hi there,
All these settings can be managed by the Sticky Header feature which is on every page, besides the general settings. See how I did it:
(view large version)
For more info please see the whole documentation article.
Best regards,
Laborator Team
Great thanks!
How about in mobile?(hamburger menu)
This page only, sticky header maintain dark, but header hamburger icon change to white?
Thank you!
Hi Tsueyxian,
I gave you the CSS for it, if you want to change it through the settings then simply change the parameters until you achieve what you want.
Best regards,
Laborator Team
oh ya, sorry my bad- thank you!