Make my image in collage fit the whole screen in width

Make my image in collage fit the whole screen in width

Etay56
Excursionist
31 0 5

Hey, my image in collage fit just part of the screen width, I would like it to fit all of it.
in addition I did some change in the theme code and my header icons looks bad, I would like help with getting them back into normal look but keeping them in the size they are now
Thanks in advance.

store link: https://7c8266-b4.myshopify.com/

Replies 4 (4)

Rahul_dhiman
Shopify Partner
248 45 46

Hello @Etay56 

Go to online store ---------> themes --------------> actions ------> edit code-------> base.css
and add this code at the very end of your file.

 

@media screen and (min-width: 750px) {
    .section-template--17736334901479__collage_AYqBXw-padding {
        padding-top: 36px;
        padding-bottom: 36px;
        max-width: 100%;
    }
}

 and the result will be
5.png

If you find this helpful, please like and mark the job as completed.
Thanks

Was I helpful?

Buy me a coffee



Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront
Email me -rahul@prowebcoder.com - Skype: live:dhiman.639
Checkout Some Free Sections Here
Etay56
Excursionist
31 0 5

I meant to the top section where there's the collage and the image in it and in mobile view

Moeed
Shopify Partner
4400 1135 1393

Hey @Etay56 

 

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 </body> tag

<style>
.page-width {
    margin: 0 !important;
    max-width: 100% !important;
}
</style>

RESULT:

Moeed_0-1719316909347.png

 

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

 

Best Regards,
Moeed

Need a Shopify Specialist? Chat on WhatsApp


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
Etay56
Excursionist
31 0 5

I forgot to mention, I'm talking about mobile view, I want it to fit the screen width in mobile view.