Are you a GenerateCustomer?

Do you have an active GP Premium or GenerateBlocks Pro license key?

Create a GenerateSupport account for GeneratePress and GenerateBlocks support in one dedicated place.

Create an account
Already have a GenerateSupport account? Login

Just browsing?

Feel free to browse the forums. Support for our free versions is provided on WordPress.org (GeneratePress, GenerateBlocks).

Want to become a premium user? Learn more below.

Moving logo over background image

  • uptimewebconsult

    I want to have my logo move from the bottom of the container to the top when my website first comes up. I’ve tried to figure it out based on the Overlay Effect on Hover, but can’t get the logo to do what I want. I do have it overlayed on the container background image as seen here: https://afreckledfawn.com/

    Please advise. Thank you

    Stephanie

  • Hi Stephanie,

    I want to have my logo move from the bottom of the container to the top when my website first comes up.

    Not sure I understand what you want. The logo is on the top of the container, what am I missing here?
    https://app.screencast.com/c2WagxRikwKeM

  • uptimewebconsult

    On this site (https://www.housesprucing.com/) the logo is a little delayed loading and kind of pops up. I want my logo to do that.

  • There isn’t a built-in function for this, unfortunately.

    You will need to write @keyframes CSS for it, here’s an example if your logo is inserted using WP’s site logo block instead of an image block:

    .wp-block-site-logo {
    	  opacity:0;
        animation: delay-appear 2s 1 2s forwards;
    }
    
    @keyframes delay-appear {
        0% {
            opacity:0;
            transform: translatey(30px);
        }
        100% {
            opacity:1;
            transform: translatey(0);
        }  
    }
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.