- This topic has 5 replies, 2 voices, and was last updated 7 years, 8 months ago by
.
Hi!
First of all, I love Jevelin. But it’s a pain in the ass to change colors.
In the navigation meny I need to use custom css code or yellow pencil to change it.
I tried using yellow pencil also to get to “hamburger” meny icon BLACK.. But id does not work.
I have made the search icon black, but I also need the hamburger to be black.
AND, when I now push the search icon, it changes color and size. I now it’s because of some adjustments using yellow pencil. BUT.. Ah, can’t you guys just make it easier to change SIZE and color on the meny?
And also.. How do i push the main logo and the dropdown logo a little to the right?? 🙂
Thanks guys!
Solution for this topic
Hi @digikrutt,
I hope you are well today and thank you for your question.
We have provided options in the theme styling settings to change menu size and color as shown in the attached screenshots but we can’t provide options for every elements to style as there will be thousands of options making theme settings bulky.
Therefore to overcome this problem, we have implemented Yellow Pencil Editor solution which you can use as described in the following pages.
https://support.shufflehound.com/how-to-change-almost-any-element/
https://waspthemes.com/yellow-pencil/documentation/#responsive-tool
You can make hamburger icon black by adding the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
#header-navigation .c-hamburger span, #header-navigation .c-hamburger span::before, #header-navigation .c-hamburger span::after { background-color: #0c0c0c !important; } #header-navigation .c-hamburger--htx.is-active span{ background-color: transparent !important; }Best regards,
Shufflehound teamHi guys!
Thank you so much!
Last question:
As you can see on the front page, I have the google maps.
I need te logo to be a little more to the right. How can I do that?🙂
http://www.dev.digikrutt.no/nyheitogkryheit/
Best regards,
Andreas ForvikSolution for this topic
As you can see on the front page, I have the google maps.
I need te logo to be a little more to the right. How can I do that?You can use below custom CSS code to achieve this.
.header-logo img { padding-left: 60px; }Wow, you guys answer so quicly!
Thank you for great support <3
Have a nice easter 🙂
Best regards,
Andreas FYou are most welcome here 🙂
