Change size of header image on mobile version brooklyn theme

Emelie · ‎09-14-2021

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

KetanKumar · ‎09-23-2021

@Emelie

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;
}
}

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Change size of header image on mobile version brooklyn theme

Community Blog Articles

Shopify Community

Support

Shopify

Quick Links