Center Logo on Mobile (Vantage Theme Kingdom 4.0.2)

Shopify Discussion
1

Current logo on mobile is aligned to the left, I would like to center the logo. I have tried 2 different codes in this discussion board, but both not working. Please help~
https://yoyuu.ca/

1 Like
2

You can make it look like this image

Screenshot 2023-04-25 at 10.04.51.png
Screenshot 2023-04-25 at 10.04.51.png389×443 119 KB

By adding this code in your theme.css file

@media screen and (max-width: 948px){
.sidebar__container-holder {
    justify-content: space-evenly !important;
}
}
3

Hi @cosmstudio ,

To center the logo on mobile only, please follow the instructions below.

  1. From you Admin page, go to Online store > Themes > Click the three dots on the theme you want to edit > Edit code
  2. Go to Asset folder and open the theme.css file
  3. At very end of the code, add the code below
@media only screen and (max-width: 750px) {
header.logo {
    width: 100%;
    margin-left: 80px;
    justify-content: center;
}
}

See result here:

made4Uo_0-1682402741317.png
made4Uo_0-1682402741317.png722×814 328 KB

1 Like
4

That is perfect, thank you! Is there a way to move the shopping cart icon to the far left so the mobile top menu bar look more balanced?

5

Thank you for your fast reply, this is also an interesting option for the mobile menu layout, I will keep the codes in mind.

6

Hi,

I am not sure if I understand. You want the cart icon to the left and menu to the right? We usually have the menu on left and cart icon on the right. That would make your customer confuse