How Can I Center The Burger Icon? - Question | JoomShaper
🎃 Halloween Sale is Live! Get 35% OFF on all plans. Sale ends soon! Get Offer
Back to the questions

How Can I Center The Burger Icon?

ginomarketing

ginomarketing

Template 1 year ago

Hi

I would like to put the burger icon in the middle. How can I do this with CSS. I've tried various options without success...

Template: shaper_helixultimate

thanks in advance Renato

[https://www.emmental-elektro.ch/]

0
5 Answers
Order by
Oldest Newest Votes
NS
Niels S.
Accepted Answer
7 months ago #189243

Hi,

I tried this code and it centered my whole menu, not only the offcanvas-burger-menu-item.

Can I specify that it only centers the the off-canvas-burger-item?

Site: https://2s-kommunikationsberatung.de/index.php/de/

regards

Niels

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 7 months ago #189245
  1. Delete CSS that you used.
  2. You can use 
.sp-column.d-flex.align-items-center.justify-content-end {
  justify-content: center !important;
}

But if you will look at the header column grid you should see why right side is wider, probably too wide

info_2702_2025.jpg

0
NS
Niels S.
Accepted Answer
7 months ago #189250

It looks far better - thanks a lot!!

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 7 months ago #189252

And -- try to reduce menu-right column width (-1), and increase menu colum width (+1).

0