I want to put the megamenu collection name in the center ( Dawn Theme )

[dreamtechzone_5]

Hello Everyone!

I have added an image to the mega menu but in mobile mode the collection name is on the left. I want to keep it in the center. Please help me. Thank you.

Store: https://dream-candle-lights.myshopify.com/

Password: Admin

[S18 · Accepted solution]

@media screen and (max-width: 767px) {
.title {
    display: flex;
    justify-content: center;
  }
}

hey @dreamtechzone_5 Go to online store ----> themes ----> go to three Dots ----> edit code ---->find theme.liquid files ----> place the code ---->
under the <style> tag before the body ----->
if this code work please do not forget to like and mark it solution

[dreamtechzone_5]

Perfect. It worked. Thank you very much.

[Moeed]

Hey @dreamtechzone_5 

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 </body> tag

<style>
.swiper .mega-menu__link .title {
    text-align: center !important;
}
</style>

RESULT

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

Best Regards,
Moeed