Premium Theme Support › Themes Harbor › Venture

Invert logo color on one page

  • Author
    Posts
  • #163701

    thibsin
    Member
    Original poster

    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
    Original poster

    Hello Taras,

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

    #163713

    tarasdashkevych
    Theme Author

    You are very welcome, Thibaud! :)

    Kind regards,
    Taras

  • Author
    Posts

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