Hello there and thank you for reading!
What bothers me the whole time about my online shop is that the logo on mobile devices is too big and not placed in the middle.
Can someone please help me?
I would be very grateful!!!
Thank you for your time!
Best regards
Solved! Go to the solution
Hello There,
Please share your store URL and password.
So that I will check and let you know the exact solution here.
what theme you are using?? option might be already in theme go to online store -> customize -> select header scroll down
This is an accepted solution.
Hello There,
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
@media screen and (max-width: 749px){
.logo-align--left .site-header__logo {
position: absolute;
top: 0;
height: 100%;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
margin: 0;
}
header.site-header.border-bottom.logo--left {
padding-top: 6px;
}
.logo-align--left .site-header__logo a.site-header__logo-image img {
max-width: 110px !important;
}
div#PageContainer {
padding-top: 60px;
}
.site-header__icons .site-header__icon.site-header__menu.js-mobile-nav-toggle {
position: absolute;
left: 0;
}
.grid__item.site-header__icons,
.grid__item.site-header__icons .site-header__icons-wrapper {
position: unset;
}
}
Kindly feel free to get back to me if you need any further assistance Thanks!
User | Count |
---|---|
26 | |
22 | |
16 | |
9 | |
8 |