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!
Center logo
9 replies
Hi
Thanks for contacting us. Could you please give me your site URL? So that I can check.
-Regards.
Thank u Mehtaz
Could you please give me your super admin access? So that I can check.
Thank you!
Hi
Is this solved now? It seems ok in my end.
Hi Mehtaz
No, it is not solved. The screenshot you linked is build under Gantry 5 framework. Check the link I've sent in #211714
thank you
Ciao,
Q: Do you want to have [=] icon the left and logo on the middle?
Use 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

Good 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.
Maybe I forgot to copy one line, yesterday was late hour
Yes, that was missing
#sp-logo {width: 100%;}
Added already, now is OK :)
Great! I really appreciate your work!
Thank you again
Glad to know that its solved and thanks Paul for helping him.