Fitting image for image banner on one page

Store Design
, , , ,
1

Hi there,

How can I fit all of my image onto one page in my image banner section? I’ve been told there is some code needed t do this. I am using sense theme.

Capture273.PNG
Capture273.PNG1920×942 109 KB

PhotoRoom-20230814-173033.JPG
PhotoRoom-20230814-173033.JPG2016×1512 87.7 KB

2

Hi @tpenmanz

This is David at SalesHunterThemes.

Thank you for your question.

Please share your store URL, page URL and also password (if your store has one) so we can help you.

3

Hey @tpenmanz

Could you please provide your Store URL and, if applicable, the Password too? Your cooperation is greatly appreciated!

Best Regards,
Moeed

4

iCharge Pro™ (4e565f-2.myshopify.com)

Password: tayski

5

Hey @tpenmanz

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

Moeed_0-1692087939232.png
Moeed_0-1692087939232.png1899×755 87.8 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

6

Hi @tpenmanz

Thank you for your question.
You can try follow this path:

Themes => edit code => asset => base.css

and add this code to bottom of the file base.css

#Banner-template--20171162812717__20b19004-b993-48ea-abeb-638ea5ea18a5.banner.banner--large{
height: 75vh;
}
7

You must design your image fit with banner ratio of your page or add this CSS code at the bottom of your base.css file

.media>img {
    object-fit: contain !important;
}