How To Center The Menu On The Top Bar Predefined Header - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!
Back to the questions

How To Center The Menu On The Top Bar Predefined Header

MH

Matt Hunt

Helix Framework 1 week ago

Top bar predefined header, needing to center the menu. What's the proper css nowadays?

I've tried the following code that apparently worked for someone else.

#sp-menu .justify-content-end {
    justify-content: center!important;
}
0
1 Answers
Order by
Oldest Newest Votes
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 week ago #209889

Hi Matt,

I checked your site, and you're using Header ID name, with Menu ID name. And this should help:

#sp-menu>.sp-column.justify-content-end {
    justify-content: center !important;}

Tip from Helix documenation >> https://www.joomshaper.com/documentation/helix-framework/customization-tips#how-to-change-the-position-of-the-menu

Remember to add it as first line in Custom CSS just in case you may have issues in syntax below.

BTW

If you talk about Header, do not use expression/phrase "top bar" becuase in most cases it's different row(!) in the gird. Is a small detail for you, but for Us important detail.

0