Change size of header image on mobile version brooklyn theme

29 0 10

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! 🙂

Password: dobewrr

Accepted Solution (1)
Shopify Partner
36585 3628 11811

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;
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on regarding any help
Shopify Partner | Skype :
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

Replies 21 (21)