hey again!
is there any way to resize the “collection banner” to fill the red square as demonstrated in the image?
shop: https://hol092t0hcl1p34t-66895675693.shopifypreview.com
I appreciate all the help from the community! 
1 Like
Hello There,
- In your Shopify Admin go to online store > themes > actions > edit code
- Find Asset >base.css and paste this at the bottom of the file:
.collection-hero .collection-hero__inner {
position: relative;
}
.collection-hero .collection-hero__inner .collection-hero__image-container {
position: absolute;
width: auto !important;
flex: 0 0 auto;
inset: 0 5rem 0 2rem;
}
.collection-hero .collection-hero__inner
.collection-hero__text-wrapper {
position: relative;
z-index: 9;
height: 100%;
width: auto !important;
flex: 0 0 100%;
padding-top: 7rem;
padding-bottom: 7rem;
}
.collection-hero .collection-hero__inner .collection-hero__text-wrapper h1 {
color: white;
text-align: center;
}
.collection-hero.collection-hero--with-image {
padding: 0;
}
.collection-hero .collection-hero__inner .collection-hero__image-container:before {
content: "";
background-color: #0000006b;
inset: 0;
display: block;
position: absolute;
z-index: 1;
}
@media (max-width: 767px){
.collection-hero .collection-hero__inner .collection-hero__image-container {
inset: 0 2rem;
}
}
1 Like
This worked, however when clicking on the drop-down meny “produkter” the collections are unclickable, any idea how to fix?
Thank you for your help!
1 Like