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
  • 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/

    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

    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.

    To resolve it try using below custom CSS code.

     

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

    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

Viewing 5 posts - 1 through 5 (of 5 total)