Change Color Mobile Menu

Home › Forums › Jevelin Theme › Change Color Mobile Menu

Home › Forums › Jevelin Theme › Change Color Mobile Menu

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

  • abdullah
    Participant

    How i can change c-hamburger color, i was try with inspection chrome but i cant chnage it, thanks for u help.

     

    This is my screenshoot http://prntscr.com/fgp69j

    My website https://babah.co.id/

    Shufflehound Support
    Moderator

    HI @abdullah,

     

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

     

    You can change 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

     

    .primary-mobile-light .sh-header-mobile:not(.sh-sticky-mobile-header-active) .c-hamburger:not(.is-active) span,
.primary-mobile-light .sh-header-mobile:not(.sh-sticky-mobile-header-active) .c-hamburger span:before,
.primary-mobile-light .sh-header-mobile:not(.sh-sticky-mobile-header-active) .c-hamburger span:after{
    background-color: #000 !important;
}

     

    You can change the color value in the above code to whatever you want to use by referring the following pages.

     

    http://www.w3schools.com/html/html_colors.asp
    http://www.w3schools.com/html/html_colorvalues.asp
    http://www.w3schools.com/tags/ref_colorpicker.asp

     

    Best regards,
    Shufflehound team

    abdullah
    Participant

    Wowww thanks but why if i clik button menu not perfect x to close some line on middle close x. Can u helpme

    This screenshoot

    and this my link

    https://babah.co.id/depan/

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

    Shufflehound Support
    Moderator

    To resolve it try using below custom CSS code.

     

    .c-hamburger--htx.is-active span {
    background-color: transparent!important;
}

    ania_yot
    Participant

    Hello, I changed the colour of the hamburger using this CSS:

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

    But I have the same problem as above, when hamburger is selected, the middle line stays visible. I tried editing using yellow pencil but to no success. The suggest CSS doesn’t seem to make any difference:

    .c-hamburger–htx.is-active span {
    background-color: none!important;
    }

     

    Thanks

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