How to center mega menu text but keep the text itself left aligned? Taste Theme

Store Design
1

mega menu.PNG
mega menu.PNG2580×776 213 KB

2

Hi [email removed]Roorats

This is PageFly - Free Landing Page Builder. I would love to provide my advice for your store based on 6 years of providing solutions for about 100.000+ active Shopify merchants.

Can you give me your site url? I will check and give you a solution, thanks. If you have a password, please attach it

I hope my above information can help you

Kind regards

PageFly

3

Hi @roorats ,

Go to Assets > base.css and paste this at the bottom of the file:

.mega-menu__list {
	display: flex !important;
    justify-content: center;
}
.mega-menu__list >li {
    width: calc(100% / 6);
}

Hope it helps!

4

Thank you Very much,

That has worked!

1 Like
5

Hi @roorats ,

If it helped you solve your issue, please mark it as a solution. Thank you and good luck.