Full size photo

[Tiff2]

I would like to make the first photo of my homepage full size. If anyone could help I'd be very much appreciated! 

www.tiffanynoyama.com

Thanks so much in advance. 

[BSSCommerce-HDL · Accepted solution]

Hi @Tiff2, 
Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file base.css, theme.css, styles.css or theme.scss.liquid

Step 3: Insert the below code at the bottom of the file -> Save

@media only screen and (min-width: 750px) {
  .image-bar--medium .image-bar__item {
      height: 2727px !important;
  }
}

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

[BSSCommerce-HDL · Accepted solution]

Hi @Tiff2, 
Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file base.css, theme.css, styles.css or theme.scss.liquid

Step 3: Insert the below code at the bottom of the file -> Save

@media only screen and (min-width: 750px) {
  .image-bar--medium .image-bar__item {
      height: 2727px !important;
  }
}

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

[Tiff2]

Thanks for your help!

[BSSCommerce-HDL]

@Tiff2,  No problem, Have a nice day 😍

[niraj_patel · Accepted solution]

Hello @Tiff2 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
@media only screen and (min-width: 750px) {
.image-bar--medium .image-bar__content, .image-bar--medium .image-bar__item {
height: 1800px !important;
}
}
</style>

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[Tiff2]

thanks a lot!

[Tiff2]

thank you so much!

[Tiff2]

@niraj_patel @BSSCommerce-HDL @pwcsangeeta 

thanks so much for your help! 

It's very strange, the desktop version is showing full size, but not on my mobile. Any idea why? 

Thanks again! 

[BSSCommerce-HDL]

Hi @Tiff2, Pls insert this code to your file css: 

@media only screen and (max-width: 749px) {
  .image-bar--medium .image-bar__content {
    height: 500px !important;
  }
}

Here is result: 

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

[Tiff2]

Thank you for your help!

[BSSCommerce-HDL]

@Tiff2, We are pleased to assist you 😍