Hello. On the desktop view of https://rechtvoorzijnraapjuristen.topsiteonline.nl, the header nav looks normal but on the mobile view it looks weird and especially the icons of the search and the hamburger menu. Does anyone know how to solve it?
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
Hello. On the desktop view of https://rechtvoorzijnraapjuristen.topsiteonline.nl, the header nav looks normal but on the mobile view it looks weird and especially the icons of the search and the hamburger menu. Does anyone know how to solve it?
Hey there,
Thanks for reaching in,
That's the responsive nature of the theme. As far as the icons are concerned you could use some custom CSS to center them vertically.
Regards
Themenectar Support Team
Hi i tried to change with custom css to make the hamburger menu white, but it does not work. Can anyone help?
Hey Again
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
.slide-out-widget-area-toggle.mobile-icon .lines-button.x2 .lines:before, .slide-out-widget-area-toggle.mobile-icon .lines-button.x2 .lines:after, .slide-out-widget-area-toggle[data-icon-animation="simple-transform"].mobile-icon .lines-button:after, header#top .slide-out-widget-area-toggle[data-icon-animation="spin-and-transform"].mobile-icon .lines-button.x2 .lines { background-color: #fff !important; }Thanks
ThemeNectar Support Team