How can I adjust my landing page image to fit properly in the Brooklyn theme?

Technical Q&A
1

Hello everyone,

I uploaded a new image to my landing page and for some reason it won’t keep the image between the header and footers (so the top menu is on part of the picture) and it’s more square than rectangular.

Any ideas how to change this? i have the brooklyn theme.

thank you!

2

Hi @Trevor_V ,

Hope you are doing well. Can you please share your store URL so we can give you best solution to solve your problem.

Have a great day!

3

Hi @Trevor_V ,

Hope you are doing well. Can you please share your store URL. Therefore, we can give you best solution to solve your problem.

Have a great day!

4

Yes i can! thank you so much!

here is the URL:

https://houseofvasa.myshopify.com

5

hello @LitExtension

Yes i can! thank you so much!

here is the URL:

https://houseofvasa.myshopify.com

6

Hi @Trevor_V ,

You can please take my solution into consideration. You please find and remove this style:

.hero__header {

position: absolute;

top: 0;

left: 0;

right: 0;

opacity: 0;

z-index: 2;

}

#shopify-section-footer .site-footer.site-footer_homepage {

background-color: #000;

position: absolute;

width: 100%;

bottom: 0%;

margin-top: 0px;

}

  • And you can add style like this to make it look better:

#shopify-section-footer .site-footer.site-footer_homepage {

background-color: #000;

margin-top: 0;

}

.site-header {

min-height: 80px;

padding: 15px 0 0;

}

Hope this helps!