hi,
2 questions:
-can someone explain me how i center the logo on the mobile version? it regards the impulse theme
-how can i change the padding of the header? so it looks more like the header of https://www.detailrs.nl/
site:
thanks in advance
I did that , but the logo on mobile is still on the left
@code_with_adam i did that but nothing changed…
Hi @jessemeijer
This is Victor from PageFly - Landing Page Builder App
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file theme.css.
Step 3: Paste the below code at bottom of the file → Save
@media screen and (max-width: 767px){
button.site-nav__link.site-nav__link–icon.js-drawer-open-nav.medium-up–hide {
position: absolute !important;
left: 10px !important;
top: 30% !important;
}
.header-layout {
display: flex !important;
align-items: center !important;
justify-content: space-evenly !important;
}
a.site-nav__link.site-nav__link–icon.js-drawer-open-cart {
position: absolute !important;
right: 10px !important;
top: 20% !important;
}
.site-header__logo a {
width: 100px !important;
}
.site-header__logo img {
transform: translate(30%,-50%) !important;
}
}
Hope that my solution works for you.
Best regards,
Victor | PageFly
Hi Victor,
The position change of the drawer menu worked thanks for that!!
but now the logo is not alligned in the middle.
How can i fix that?
Hi @jessemeijer
Please replace this code with my new code
New code:
.site-header__logo img {
transform: translate(80%,-50%)!important;
}
it worked thanks!!