[Resolved] Menu Toggle different colour on home page

Home Forums Support Menu Toggle different colour on home page

  • This topic has 4 replies, 2 voices, and was last updated 12 months ago by Leo.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #1022652
    Gary

    Hi Guys

    I am trying to make the menu toggle burger bar and cross a different colour on my home page to the rest of the pages but can’t seem to get it to work.

    Here is the code I have:

    .page-id-8 .slide-opened .slideout-exit:before, .slideout-navigation button.slideout-exit:before, .slideout-toggle a:before {
    content: “+” !important;
    font-family: antique-olive, sans-serif !important;
    font-weight: 300 !important;
    line-height: 1em;
    width: 1.28571429em;
    text-align: center;
    display: inline-block;
    font-size: 50px;
    position: relative;
    z-index: 8000;
    color: #000000;
    }
    .slide-opened .slideout-exit:before, .slideout-navigation button.slideout-exit:before, .slideout-toggle a:before {
    content: “+” !important;
    font-family: antique-olive, sans-serif !important;
    font-weight: 300 !important;
    line-height: 1em;
    width: 1.28571429em;
    text-align: center;
    display: inline-block;
    font-size: 50px;
    position: relative;
    z-index: 8000;
    color: #ffd40b;
    }

    I can’t give you a URL as the site is currently just on my local machine.

    Thanks in advance for any help you can offer me with this.

    Cheers

    Gary

    #1022699
    Leo
    Staff
    Customer Support

    Hi there,

    This CSS should work:

    .home .main-navigation .menu-toggle, .home .slideout-navigation button.slideout-exit {
        color: #fff !important;
    }

    Adding CSS: https://docs.generatepress.com/article/adding-css/

    Let me know if this helps 🙂

    #1022758
    Gary

    Hi Leo

    No that doesn’t work I get the same result.

    Any other ideas?

    Cheers

    Gary

    #1022766
    Gary

    Hi Leo

    I cracked it using a mixture of mine and your code, thanks for your help buddy.

    Cheers

    Gary

    #1022770
    Leo
    Staff
    Customer Support

    Glad you’ve figured out 🙂

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