Shopify themes, liquid, logos, and UX
Hey hey!
I am really annoyed over one thing on my webbshop.... I want the header image to cover more than it does now on the mobile version since it does not look good when the navigation bar covers half of the header picture... The desktop version is good but it looks like the image is cut shorter on the mobile version. How do I change the image size margins/size on mobile version to make the image go further down (see screenshot). I have gotten really good help in here before so I cross my fingers that someone knows how to solve this as well! 🙂
URL: racketbollen.se
Password: dobewrr
Solved! Go to the solution
This is an accepted solution.
can you please try this code
@media only screen and (min-width: 992px) {
.template-index .header-wrapper {
margin-top: -110px !important;
height: 110px !important;
}
.header-wrapper {
margin-top: 0px !important;
height: auto !important;
}
}
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024