Solved Templates

Logo changes when scrolling after Empire update

Asked by Steve Stevenson 3 years ago Last activity 3 years ago

Hi since updating my Empire template the logo (fixed position at top left of screen) shrinks when scrolling. Can I stop this?

www.document-genetics.co.uk
Steve

Accepted answer

Marked as the solution
Mehtaz Afsana Borsha Staff
3 years ago

Use this custom CSS for mobile


@media screen and (min-width: 320px) and (max-width: 844px){
#sp-header #sp-logo .logo .sp-default-logo {
  width:150px !important;
}
}

11 more replies

Oldest first Newest first Most helpful
Mehtaz Afsana Borsha Staff
3 years ago

Hi

Thanks for contacting us. Could you please give me your site URL correctly? It does not working.

-Regards.

Steve Stevenson Asked this
3 years ago · edited

No, it is not fixed.

The logo is smaller than before the update.

It changes size as the window size changes and gets BIGGER with a smaller window which is not as before the update.

Thanks Steve

Mehtaz Afsana Borsha Staff
3 years ago

Keep a backup and give me your super admin access please I need to check.

Steve Stevenson Asked this
3 years ago · edited

ok

Mehtaz Afsana Borsha Staff
3 years ago

You can change the logo height from here. Use this CSS in your custom.css file

#sp-header #sp-logo {
    height: 80px !important;
}
Steve Stevenson Asked this
3 years ago

Hi, tried it but does not work.

The log is too small on the main view but gets bigger when the browser is smaller.

(I tried different browsers and cleared cache every etc)

Regards
Steve

Mehtaz Afsana Borsha Staff
3 years ago

Please use this one on your custom.css file


@media screen and (min-width: 320px) and (max-width: 767px)
#sp-header #sp-logo .logo .sp-default-logo {
    width: 80px !important;
  height:80px !important;
}
Francesco
3 years ago

Hi,

I have the same problem, with the latest update the logo is expanded in Smartphone view.

https://badafinder.it/

Now it shows a width="726" that wasn't there before.

Francesco

Mehtaz Afsana Borsha Staff
3 years ago

Yeah I see. Please try that solution which I provided.

Francesco
3 years ago · edited

I have try Custom CSS with:

@media screen and (min-width: 320px) and (max-width: 767px)
#sp-header #sp-logo .logo .sp-default-logo {
    width: 80px !important;
  height:80px !important;
}

But the problem isn't solved

If it can be useful to understand better, the template is helix ultimate

Francesco

Mehtaz Afsana Borsha Staff
3 years ago

Your site is different and CSS classes are also different. That's why it does not work. Please create a new forum post about your issue.

Francesco
3 years ago

I solved thanks, the error was caused by JCH

Mehtaz Afsana Borsha Staff
3 years ago

Glad to know that your issue is fixed now.

Log in to reply.