[Support request] Change hamburger icon color on one page only

Home Forums Support [Support request] Change hamburger icon color on one page only

Home Forums Support Change hamburger icon color on one page only

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #608580
    Michael

    Hello,

    I want to change the hamburger icon color to black on one page only that is not using a transparent page header. Tried code below with no success.

    .page-id-366 .menu-toggle {
    	color: #000;
    }

    Or this from someone with a similar request.

    .page-id-366 .main-navigation .main-nav ul li a, 
    .page-id-366 .main-navigation .menu-toggle {
    	color: #000000;
    }
    GeneratePress 2.1.2
    #608669
    David
    Staff
    Customer Support

    Hi there, that code should work. Can you provide a link to the site? You can edit the original topic and add it in the Site URL for privacy.

    #608692
    Michael

    It’s on a desktop server before going live so no url to share. I played around a bit more and fixed it. Updated code is.

    .page-id-366 .menu-toggle:before {
    	color: #000000;
    }

    Thanks.

    #608708
    David
    Staff
    Customer Support

    Ah yes just the toggle is in a before pseudo element. Glad you got it resolved and thanks for sharing.

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.