Swap logo sticky header in wordpress theme

Hello.
Sorry to bother you. Wicked theme.

I was just wondering if it is at all possible to implement a logo swap out function on scroll within the sticky header of the theme.. I’m aware this isn’t in the theme at present.. so I was wondering if there are any pointers to implementing this or would you have a cost to do this for a build as custom work, I’m sure allot of people would be interested in this function also..

Many thanks and look forward to hearing for you.
Fluent..

Hello,

Thank you so much purchasing our theme and contacting our support center.

Yes, there is no such function at the moment. If you want, we can try to make it for your website for free. If it will work smoothly, will include it in one of our future updates.

Kind Regards
XTemos Studio

Hi.

Many thanks, that would be excellent thanks.
I’m going to purchase a new theme for this dev and will send you login access once setup and in place to look at.

What access information would you require for this.
I think it will be well received as no other theme is doing this at present and it’s a lovely touch to have.

Chat soon
Pete

Hello. I’ve provided logins and Urls below.
I’ll add FTP in a few mins..
Thanks
Peter

FTP

Sorry, but we can’t connect with this FTP access.

just updated the password below.
Is this where the access error was ?
thanks
pete

Please, check how it looks now. You will need to upload your “sticky” logo image by this path

https://www.viaforefront.com/wp-content/uploads/2017/03/favicon-50x50-1.png

Wow.. that was quick and works a treat.
thanks you so very much.
You guys rock 🙂

If anything I can do in return just let me know. I’ll leave another top notch review on the second purchase there.

Chuffed 🙂
Many thanks
Pete

You are welcome 🙂 We are glad that you like it.

Regards

Sorry I think I just broke it.!
I swapped the logo on the theme back-end (in the logo section of the theme settings) with the full width version and seeing duplicates now.. Is there something I can do here to this to fix it.

Many thanks & Sorry!
Peter

Here is a code that should be added to the Custom CSS field. We have added it already

.site-logo {
      overflow: hidden;
}

.basel-logo-wrap {
    position: relative;
      transition: all .2s ease;
}

.basel-logo {
      height: 105px;
      display: block;
}

.basel-logo:hover {
      text-decoration: none;
}

.basel-logo:before {
    content: "";
      position: relative;
      display: inline-block;
      height: 100%;
     vertical-align: middle;
}

.basel-second-logo {
    position: absolute;
     left: 0;
      right: 0;
      top: 100%;
      opacity: 0;
      visibility: hidden:
}

.act-scroll .basel-logo-wrap {
    transform: translateY(-75px);
    -webkit-transform: translateY(-75px);
}

.act-scroll .basel-second-logo {
    opacity: 1;
      visibility: visible;
}

.act-scroll .basel-logo {
    height: 75px;
}

Regards

hehe damn you guys are fast and talented 🙂 fixed before i send the mail almost.
Thank you so very much.. looks great 🙂

Kind Regards
Peter

Great 🙂 You are always welcome!

[Author]

Posts