Change position mobile logo

Solved
Highlighted
New Member
3 0 0
Hello, on my website www.prylbutik.se the logo is on the left side on mobile view. Can i make it look more like the desktop version central I would also want to make it a bit smaller.

Theme: Debut
0 Likes
New Member
3 0 0
And also make it a bit smaller on mobile view
0 Likes
Highlighted
Shopify Partner
7 2 3

This is an accepted solution.

Hi,
 
It is breaking to the left at a 749px breakpoint.
 
To make the logo smaller, use the following media query:
 
@media only screen and (max-width: 749px) {
	.logo-align--center .site-header__logo {
    		max-width: 100px;
	}
}
 
To position logo at the centre on mobile, use the following media query:
 
@media only screen and (max-width: 749px) {
	.grid__item {
    		left: 33.33%;
    		width: 33.33%;
	}
}
 
Attached are screenshots of how it looks after modification using chrome developer tools.
Centre LogoCentre LogoLogo max-width on mobile 100pxLogo max-width on mobile 100px
The media queries should be added to your custom css page.
Eric Kagai
Shopify Website Developer
hello@kagai.me
0 Likes
Highlighted
New Member
3 0 0

Whats the name of my custom css sorry for asking this stupid question but how do i know?

0 Likes