Change hamburger color for desktop view

Home › Forums › Jevelin Theme › Change hamburger color for desktop view

Home › Forums › Jevelin Theme › Change hamburger color for desktop view

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

  • hersickwebster
    Participant

    Good morning,

    I was able to troubleshoot with the thread’s I found on the support forum and change the color of my mobile hamburger; however, I’ve had no luck adjusting my standard/desktop view hamburger from white to #1d7483.

    Here’s what I have (the first block being what’s working on mobile):

    #header-navigation-mobile .c-hamburger span,
#header-navigation-mobile .c-hamburger span::before,
#header-navigation-mobile .c-hamburger span::after {
background-color: #1d7483 !important;
}

#header-navigation .c-hamburer span {
background-color: #1d7483 !important
}

#header-navigation .c-hamburer--htx.is-active span {
background-color: #1d7483 !important
}

    What am I missing? 🙂

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

    hersickwebster
    Participant

    Sorry, I meant to include the link too (see the private info field).

     

    Thanks!

    Laurel

    Shufflehound Support
    Moderator

    Hi @hersickwebster,

     

    I hope you are well today and thank you for your question.

     

    You can achieve it 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

     

    #page-container header.primary-desktop .c-hamburger span,
#page-container header.primary-desktop .c-hamburger span::before,
#page-container header.primary-desktop .c-hamburger span::after,
#page-container header.primary-desktop .c-hamburer--htx.is-active span {
background-color: #1d7483 !important
}

     

    Best regards,
    Shufflehound team

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