Hey Folks!

During March of 2020, and possibly April, answers may be delayed more than it usually happens. This is caused by my personal situation that requires a lot of time from me to be dedicated elsewhere, and also because of the local things that are happening currently cause of the all things connected to "Corona Virus".

Please be patient, all answers are coming as soon as possible, even if I have to stay late at night :-)

Sorry for any inconvenience.

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/


  • AirAir
    Posts: 10,288
    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