Is there any way to put my logo in the middle and make it do anim when clicking?

  • Resolved Anonymous User 16123990

    (@anonymized-16123990)


    6 years, 10 months ago

    hi, so I’m wondering if there’s any way to put the logo directly in the middle above the menu on the site? Right now what I’ve done is actually get the image and put it on a long transparent block (https://prntscr.com/jcyas6) but I’d prefer if it was natively in there if possible so only the logo was clickable.

    I’m not sure if it’s an option but it’d be cool to have something so when you clicked the logo it did a little animation or something, like get smaller or grey out a little or something. Would be cool if it did that when hovering too but I’m not sure if either of those are even an option.

    Also wondering if there’s any way to put the menu options in the middle of the bar instead too. Not sure if that will look good or not but just wondering if there’s a way.

    Cheers

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)

  • To center align the logo, you can replace 

    .site-branding {
    float: left;
}

    with

    .site-branding {
    float: none;
    text-align: center;
}
    Moderator jordesign

    (@jordesign)

    …and if you wanted to do some kind of animation on the logo – you could add css like this into the customizer with the above custom css.

    .site-branding a img {
transition: all .4s ease;
}
.site-branding a:hover img {
transform: scale(1.15);
}

    That will make it grow a little on hover – you can change the value of the (1.15) to tweak the size

    Thread Starter Anonymous User 16123990

    (@anonymized-16123990)

    Thanks both of you, they worked perfectly. I really appreciate it!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Is there any way to put my logo in the middle and make it do anim when clicking?’ is closed to new replies.