Invert logo color on one page

  • Author
    Posts
  • #163701

    thibsin
    Member

    Hi,

    I have manage to invert the color of my logo on a single which makes me really happy (I don’t know CSS so anything I can figure out makes really happy xD). I used the following CSS code :

    .page-id-8 .custom-logo{
    	filter: invert(1)
    }

    However, I didn’t consider when I did this that a white banner appears when I scroll down. How can I deactivate it when it appears ?

    You can visualise my issue on my contact page.

    Thank you very much :)

    The blog I need help with is thibaudtellier.com.

    #163706

    tarasdashkevych
    Theme Author

    Hi Thibaud,
    Thank you very much for a link to the page where the issue appears.

    Please try this custom CSS instead:

    
    @media (min-width: 768px) {
      .page-id-8 .site-header:not(.scroll-header) .custom-logo {
        filter: invert(1);
      }
    }
    

    Let me know if you have any additional questions.

    Kind regards,
    Taras

    #163710

    thibsin
    Member

    Hello Taras,

    This is perfect, thank you very much !! :D

    #163713

    tarasdashkevych
    Theme Author

    You are very welcome, Thibaud! :)

    Kind regards,
    Taras

The topic ‘Invert logo color on one page’ is closed to new replies.