Kolja Posted November 21 Posted November 21 On my landing page (desktop/mobile) the color of the navigation links /hamburger icon and social media icons are different than the rest of the websites. I would like them to be the same everywhere. Did I select something wrong?
Spark-Plugin Posted November 21 Posted November 21 Hello @Kolja, you can simply add the following code: Navigate to Pages > Website Tools > Custom CSS. Paste the code into the CSS editor. Hit Save and you’re done /* Customize header navigation link color */ .header-nav-item > a { color: #ff6c2f !important; /* Sets the color of navigation links to a specific shade of orange */ } /* Change fill color for SVG icons inside header actions */ .header-actions .icon--fill svg { fill: #ff6c2f !important; /* Changes the fill color of SVG icons to match the header navigation color */ } - Answered by Iuno from sparkplugin.com
Kolja Posted November 21 Author Posted November 21 Hello Spark, thank you very much. That solved it perfectly for the desktop elements. The hamburger icon in mobile did not change the color from white to orange on the landing page though. Any additional idea?
Solution Spark-Plugin Posted November 21 Solution Posted November 21 (edited) Hello @Kolja, try this one: /* Changes the background color of burger menu */ .burger-inner > div { background-color: #ff6c2f !important; /* Sets to a custom orange */ } Edited November 21 by Spark-Plugin - Answered by Iuno from sparkplugin.com
Kolja Posted November 21 Author Posted November 21 Now everything works perfectly. Much appreciated. Spark-Plugin 1
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment