Centre picture in mobile menu

[JoaquinExcitare]

Does anybody know how to centre a picture in your mobile menu? I have a picture under “shop” but it’s aligned to the left. How can I get this in the middle?

URL: https://excitarestudios.myshopify.com/

[Moeed]

Hey @JoaquinExcitare

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:

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

Best Regards,
Moeed

[steve_michael2]

Hi @JoaquinExcitare

1. Go to Online Store → Theme → Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file.

@media(max-width:747px){
.mega_menu_img.slide {
    margin: 0 auto !important;
}
.swiper .mega-menu__link .title {
    text-align: center;
}
}

If my reply is helpful, kindly click like and mark it as an accepted solution.

If you are happy with my help, you can help me buy a COFFEE

Thanks!

[ZestardTech]

Hello @JoaquinExcitare

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:

@media screen and (max-width: 767px) { div#menu-drawer .swiper-wrapper { justify-content: center !important; text-align-last: center !important; } }

[JoaquinExcitare]

Thank you, this worked! Do you know how to put the image lower? I want a margin between “gold” and the image

.