I Would Like To Center Align The Logo In Mobile Version - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!
Back to the questions

I Would Like To Center Align The Logo In Mobile Version

S

Stefano

Template 2 years ago

Hi,

I would like to center align the logo in the Pitech theme, I found a CSS code on the forum, but it only aligns it by 80%. if i try to align it to 100% the menu goes to the bottom row. (mobile)

My website is: www.globaly.it

The CSS code I'm referring to is this:

@media (max-width: 580px) {

sp-logo {

margin: 0 auto;
width: 80%;
text-align: center;}
    }
0
Website
https://www.globaly.it
4 Answers
Order by
Oldest Newest Votes
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #97833

Hi

Thanks for contacting us. Use this custom CSS

.justify-content-between {
    justify-content: center !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.

-Regards.

0
S
Stefano
Accepted Answer
2 years ago #97915

Thanks for the reply.

unfortunately by inserting that CSS, the logo is not 100% centered and the menu also moves.

you can see the result from mobile on globaly.it

I wish I could wake up the menu position (right, left) and have the logo perfectly centered

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #97916

Ciao Sefano,

in your case, all you need is that:

.offcanvas-menu .logo {
  margin: 0 auto;
}

After using that CSS code you should get centered logo

119.jpg

0
S
Stefano
Accepted Answer
2 years ago #97923

It does not work.

I need to align the logo in the center and to be able to choose if the menu is on the left or right, otherwise it aligns everything in the center.

0