Mega Menu Item Alignment - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Mega Menu Item Alignment

GM

Garrett McDaniel

Helix Framework 2 years ago

Would like to align mega menu item text to right or center

0
4 Answers
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #112973

OR you can align to right using Custom CSS:

.item-116.menu_item.item-header,
.item-125.menu_item.item-header,
.item-126.menu_item.item-header,
.item-127.menu_item.item-header,
.item-564.menu_item.item-header,
.item-1229.menu_item.item-header {
  text-align: right; }

To get that view

info_935_2023.png

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

Hi Garrett,

Center - may looks weird, but I have smart idea.

You used two 6+6 columns in that menu item, try this grid 8+4 instead.

0
Pavel
Pavel
Accepted Answer
2 years ago #112982

Hi. So less code

.item-116.menu_item.item-header,
.item-116.menu_item.item-header ~ .menu_item {
    text-align: right;
}
0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #113032

For every problem there are several solutions, just like in life ;)

Thanks @Pavel, I agree

0