Can't really change the dropdown icon color....

Home › Forums › Jevelin Theme › Can't really change the dropdown icon color….

Home › Forums › Jevelin Theme › Can't really change the dropdown icon color….

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    RESOLVED Posts

  • digikrutt
    Participant

    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!

    Attachments:
    You must be logged in to view attached files.

    Shufflehound Support
    Moderator

    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 team

    Attachments:
    You must be logged in to view attached files.

    digikrutt
    Participant

    Hi 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 Forvik

    Shufflehound Support
    Moderator

    Solution 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;
}

    digikrutt
    Participant

    Wow, you guys answer so quicly!

    Thank you for great support <3

    Have a nice easter 🙂

    Best regards,
    Andreas F

    Shufflehound Support
    Moderator

    You are most welcome here 🙂

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)