Logo Changes When Scrolling After Empire Update
Steve Stevenson
Hi since updating my Empire template the logo (fixed position at top left of screen) shrinks when scrolling. Can I stop this?
Mehtaz Afsana Borsha
Accepted AnswerHi
Thanks for contacting us. Could you please give me your site URL correctly? It does not working.
-Regards.
Steve Stevenson
Accepted Answer[https://www.document-genetics.co.uk]
It seems to change size as the window size changes (but gets bigger with a smaller window).
Thanks Steve
Mehtaz Afsana Borsha
Accepted AnswerDid you fix it already? It seems same on both sides
Steve Stevenson
Accepted AnswerNo, 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
Accepted AnswerKeep a backup and give me your super admin access please I need to check.
Mehtaz Afsana Borsha
Accepted AnswerYou can change the logo height from here. Use this CSS in your custom.css file
#sp-header #sp-logo {
height: 80px !important;
}Steve Stevenson
Accepted AnswerHi, 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
Francesco
Accepted AnswerHi,
I have the same problem, with the latest update the logo is expanded in Smartphone view.
Now it shows a width="726" that wasn't there before.
Francesco
Francesco
Accepted AnswerI 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
Accepted AnswerYour 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.
Steve Stevenson
Accepted AnswerSorry, but still not working! I'm confused about how you are not seeing what I am?
The logo image renders larger in smaller screens. Please lake a look at the website www.document-genetics.co.uk
When the screen is minimised the logo gets bigger.
I want the logo to be 200 x 71px on standard view (as before the Helix update).
Thanks Steve
Mehtaz Afsana Borsha
Accepted AnswerUse 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;
}
}Mehtaz Afsana Borsha
Accepted AnswerUse this custom CSS
#sp-header #sp-logo .logo img{
width:200px !important;
height:71 px !important;
}
Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.
Steve Stevenson
Accepted AnswerSo, thank you, nearly there, except logo does not get smaller when scrolling and now overlaps search menu on mobiles.
Below is the code I believe you have recommended in this thread:
/* ----------- fix for logo changing size after helix update START----------- */
#sp-header #sp-logo{height:200px !important;}
@media screen and (min-width: 320px) and (max-width: 767px)
#sp-header #sp-logo .logo .sp-default-logo {
width:80px !important; height:80px !important;
}
#sp-header #sp-logo .logo img{
width:200px !important;
height:71 px !important;
}Steve Stevenson
Accepted AnswerYes Mehtaz, got there. Thanks for all your help the last week. Regards Steve