Fix text placement and image placment of mega menu in prestige theme


I am curently using the prestige theme version 10 and I am adding a mega menu. However the text are being placed next to each other rather than under each other how I want them. moreover I want the mega menu to only take the neccessary space and not the whole screen to put the picture and keep the rest a white background. Ill attach the current state of my website and ill attach an example of how I want them.

Hi @Lentxt

can you share your store preview link and password if it password protected

Hi Lentxt, please share your store link and password if used. I will be happy to help you!

hello its reframedclothing.com however I have removed the mega menu for now until i find the solution

Well you removed the thing that caused the issue how can we see the issue now please add the mega menu so I can see what caused the issue or you can provide the collaboration code so can investigate the issue.

Hi @Lentxt

I have checked but I don’t see the menu anymore. Have you able to check it?

Best,

Daisy

check it out now

Hi @Lentxt

To complete your requests, please follow these steps:

  1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
  2. Paste the code provided into the Custom CSS section.
.mega-menu {
    justify-content: left !important;
}

Here is the result: https://prnt.sc/vc-xdaQn_AJs

I hope this helps

Best,

Daisy

This worked taking the text to the side however I still want the text to be above each other and also I want the white to be gone on the right such as the pic attached

done check now