Center Logo
pranky
Hi everyone, I managed to overlay the hamburger menu and logo (classic layout of template options) on top of a slideshow. I would just like to center the logo. I tried several CSS rules, but it seems that my skills are not quite up to the task. Can you give me some tips on how to solve this? thanks a lot!
Paul Frankowski
Accepted AnswerCiao,
Q: Do you want to have [=] icon the left and logo on the middle?
Mehtaz Afsana Borsha
Accepted AnswerHi
Thanks for contacting us. Could you please give me your site URL? So that I can check.
-Regards.
Mehtaz Afsana Borsha
Accepted AnswerCould you please give me your super admin access? So that I can check.
Mehtaz Afsana Borsha
Accepted AnswerHi
Is this solved now? It seems ok in my end.
Paul Frankowski
Accepted AnswerUse that Custom CSS:
#sp-logo .sp-column {display: flex; align-items: center;}
#sp-logo {width: 100%;}
#sp-header .logo {display: inline-flex; align-items: center; margin: 0 auto;}after using it
pranky
Accepted AnswerGood morning Paul, thank you for your support. Yes, you got it right, hamburger menu on the left and logo in the center. I entered the CSS rules in the template's custom CSS and after clearing the browser cache and reloading, unfortunately it didn't work... I may have done something wrong, but what? Thank you.
Paul Frankowski
Accepted AnswerMaybe I forgot to copy one line, yesterday was late hour
Yes, that was missing
#sp-logo {width: 100%;}
Added already, now is OK :)