Theme Venture - any idea why my collection image does not expand to full width?

Store Design
1

Hey,

feel a bit silly asking this, as it seems so trivial. I beleive a previous designer we used implemented a few lines of code to make sure collection (head) images expand to max width, regardless of screen size. I also believe I’ve already added imges where this has been ok. Now all of a sudden, my latest collection has an image that stops in width and oes not fill to the max on larger screens.

https://www.comfyballs.ch/collections/autumn-clearance-sale

Could someone have a look please?

Thank you in advance for your help.

Paal

1 Like
2

@Psteensl

please Go to Online Store->Theme->Edit code then go to assets/theme.scss.liquid ->paste below code at the bottom of the file.

.header-image { width: 100% !important; }

Thanks!

3

Hello,
Thank you for your input. Unfortunately it didn’t change anything. The theme asset file I edited though is called theme.js though.
Paal

4

@Psteensl

Please share screenshot what do you want!

Thanks!

5

Hello again,
Thank you for helping. I’d like for this collection header to cover the full width of the screen, like all the other collection headers we have.
Thank you.
Paal

6

Seems my screenshot was not included. See attached this time.

Screen shot - lack width.jpg
Screen shot - lack width.jpg1855×1166 536 KB

thanks,

Paal

7

@Psteensl

please Go to Online Store->Theme->Edit code then go to assets/theme.scss.liquid ->paste below code at the bottom of the file.

@media only screen and (min-width: 750px){
.template-collection .header-image {
    width: 100% !important;
}
}

Thanks!

1 Like
8

@dmwwebartisan

Spot on! Amazing. Thank you.

Paal