How can I centralize mega menu items in the Flex theme?

Store Design
, , , , , , , , ,
1

Can someone help me centralize the mega menu text?
I am attaching a screenshot for reference.
Store: https://intuitsport.com/

Theme: Flex

Thank You in advance

Untitled-144.jpg
Untitled-144.jpg1893×1646 239 KB

2

@technase

.mega-menu__content {
    text-align: center;
}

Could you add above css on style.css file

3

Hey,
Thank you for your response. I added the code to style.css but it doesn’t change the text alignment in the mega menu

4

Hey @technase

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1694170798310.png
Moeed_0-1694170798310.png1897×895 304 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

5

Hi @technase ,

This is Anthony from Beae Landing Page Builder, and I’m happy to assist you today.

While I acknowledge that this issue falls short of the desired outcome, I have an idea that I believe might be of help:

  1. Go to Online Store → Theme → Edit code
  2. Open your theme.liquid file
  3. Paste below code before :

Best regards,

Anthony

6

It centralize the main menu, not the megamenu