Mega Menu Item alignment - Forum | JoomShaper
Solved Helix Framework

Mega Menu Item alignment

Asked by Garrett McDaniel 3 years ago Last activity 3 years ago

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

Accepted answer

Marked as the solution
Paul Frankowski Senior Staff
3 years ago

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

3 more replies

Oldest first Newest first Most helpful
Paul Frankowski Senior Staff
3 years ago

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.

Pavel
3 years ago

Hi. So less code

.item-116.menu_item.item-header,
.item-116.menu_item.item-header ~ .menu_item {
    text-align: right;
}
Paul Frankowski Senior Staff
3 years ago

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

Thanks @Pavel, I agree

Log in to reply.