center Logo [CODE NEEDED]

Solved
Highlighted
Excursionist
21 1 2

I want my logo to be on the centre on each device: mobile (even when you flip it), pc, tablet..

 

 

The ProblemThe Problem

Website: schenkmirliebe.de

0 Likes
Highlighted
Shopify Expert
667 170 218

Hi, @Dr_noknowledge ,

This is Evita from On The Map.

 

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file

header.site-header.logo--center .medium-up--one-third {
    left: 33.33333%!important;
}
@media only screen and (max-width: 749px) {
.site-header__logo {
padding-left: 0!important;
}
}

 

Best,
Evita

On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
1 Like
Highlighted
Excursionist
21 1 2

33% is working for pc but not the mobile version33% is working for pc but not the mobile version

0 Likes
Highlighted
Shopify Expert
667 170 218

This is an accepted solution.

add this code too:

@media only screen and (max-width: 749px) {
     header.site-header.logo--center .medium-up--one-third {
        left: 10px!important;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
   }
}
On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
0 Likes
Highlighted
Excursionist
21 1 2

Finally, thank you <3.

1 Like
Highlighted
Tourist
8 0 0

I was trying to find theme.css but i have no such asset. Could, please, anyone look into it?

Here is the link:

https://babyuniquecorn.com/

 

It was ok all the time but for some reason logo is aligning to the left and i cannot find solution to why this is happening

0 Likes