Before you ask please READ THIS

Shield Logo closed as default

in Rife Posts: 14
I'd like the page to load with shield logo 'closed'/hidden. (Like it is when you scroll down a bit. Only reveal it if the user clicks on it. But only on some pages. Is this possible?
The pages where I want this to happen are only accessible for clients but if we can work out a solution for my home page, I hope I will be able to adapt it for use in the client area. (ie. I'd like it to work on my homepage only). Hope this makes sense?

My site: https://www.iggyweddingdj.com/

Comments

  • AirAir
    Posts: 10,970
    Hey :-)

    We will try to use for this case classes from the body element, in this case, page-id:
    body.page-id-26224 .header-variant-one_line_centered .logo-container.shield {
        -webkit-transform: translate(-50%,-69%);
        -ms-transform: translate(-50%,-69%);
        transform: translate(-50%,-69%);
    }
    body.page-id-26224 .header-variant-one_line_centered .logo-container.shield:hover {
        -webkit-transform: translate(-50%,0);
        -ms-transform: translate(-50%,0);
        transform: translate(-50%,0);
    }
    
    Please check does it work for you.

    Please try
  • Posts: 14
    Yep, thats exactly what I needed. Thank you!
Sign In or Register to comment.

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!

In this Discussion