Hamburger menu color

Home Forums Jevelin Theme Hamburger menu color

Home Forums Jevelin Theme Hamburger menu color

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

    Website: pinapower.com

    responsive hamburger menu color does not change. Currently its white.

    Currently custom CSS is set to but no changes to hamburger:

    [.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;
    }

    .wpforms-form button[type=submit] {
    background-color: #fff !important;
    border-color: #ffe01c !important;
    color: #000 !important;
    }

    .wpforms-form button[type=submit]:hover {
    background-color: #ffe01c !important;
    }]

     

    But as u see the hamburger is still white (see screenshot)

    the hamburger turns gray when I scroll the page down a little.

    Whats the solution here?

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

    Shufflehound
    Moderator

    Hi there,

     

    Sorry for our late response.

    Is this issue still relevant? If yes, can you please share the link to your website?

     

    Best regards,

    Shufflehound team

    WebDesigner
    Participant

    Yes, the issue still there.

     

    Website: pinapower.com

    Shufflehound
    Moderator

    We saw your website and with a small tweak to your CSS code it should work just fine (we added body at the beginning)

    body .primary-mobile-light .sh-header-mobile:not(.sh-sticky-mobile-header-active) .c-hamburger:not(.is-active) span,
    body .primary-mobile-light .sh-header-mobile:not(.sh-sticky-mobile-header-active) .c-hamburger span:before,
    body .primary-mobile-light .sh-header-mobile:not(.sh-sticky-mobile-header-active) .c-hamburger span:after{
        background-color: #000 !important;
    }
    • This reply was modified 1 week, 5 days ago by Shufflehound.

    WebDesigner
    Participant

    Perfect! This worked! Thanks much

    Shufflehound
    Moderator

    We are glad that it worked! 🙂

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