Center logo - Forum | JoomShaper
Staff replied SP Page Builder

Center logo

Asked by pranky 11 months ago Last activity 10 months ago

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!

9 replies

Mehtaz Afsana Borsha Staff

Hi

Thanks for contacting us. Could you please give me your site URL? So that I can check.

-Regards.

pranky Asked this

Thank u Mehtaz

Mehtaz Afsana Borsha Staff

Could you please give me your super admin access? So that I can check.

Mehtaz Afsana Borsha Staff

Hi

Is this solved now? It seems ok in my end.

pranky Asked this

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

Paul Frankowski Senior Staff

Ciao,

Q: Do you want to have [=] icon the left and logo on the middle?

Paul Frankowski Senior Staff
10 months ago · edited

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

after_2025.jpg

pranky Asked this

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.

Paul Frankowski Senior Staff
10 months ago · edited

Maybe I forgot to copy one line, yesterday was late hour


Yes, that was missing

#sp-logo {width: 100%;}

Added already, now is OK :)

pranky Asked this

Great! I really appreciate your work!
Thank you again

Mehtaz Afsana Borsha Staff

Glad to know that its solved and thanks Paul for helping him.

Log in to reply.