Okay
  Public Ticket #2603347
Changing burger menu button color on specific page
Closed

Comments

  •  19
    Brian started the conversation
    November 17, 2020 at 3:09pm

    Earlier I asked how to change the logo on a specific page.

    I received this code:
    jQuery( document ).ready(function() {

       setTimeout(function(){ 
    jQuery('.page-id-1940 #logo img').attr('src','SOURCE');},500);


    I now want to change the color of the burger menu button to match the logo color. How can I do this?

  •  2,963
    Andrew replied
    November 17, 2020 at 8:26pm

    Hi Brian,

    Can you share a link to the page on your website we see possible css.

    Kind regards.

  •  19
  •  2,963
    Andrew replied
    November 18, 2020 at 7:08am

    Hi Brian,

    Please try to turn on the option below:

    5727989036.png

    Hope this helps.

    Thanks.

  •  19
    Brian replied
    November 19, 2020 at 1:51pm

    This doesn't do anything to the transparant header...
    Isn't there a bit of code I can use to change the color of the hamburger just like I use the code to change the logo on the transparant header? But only on the page with the specific page(-id).

  •  2,963
    Andrew replied
    November 19, 2020 at 1:58pm

    Hi There,

    We are unable to right click so as to inspect as this is possible with a tweak on css code.

    Thanks.

  •  19
    Brian replied
    November 19, 2020 at 3:07pm

    I've disabled it, so you can now enable the inspector tool. ;)

  •  2,963
    Andrew replied
    November 19, 2020 at 3:36pm

    Hi Brian,

    Try the following custom css:

    body.page-id-1940 #header-outer #top .slide-out-widget-area-toggle[data-custom-color="true"] a:before {
    background: blue;
}

    Kind regards.

  •  19
    Brian replied
    November 19, 2020 at 3:39pm

    You are awesome! Thank you very much, this worked perfectly!