Make my image in collage fit the whole screen in width

[Etay56]

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/

[Rahul_dhiman]

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

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

[Etay56]

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

[Moeed]

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:

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

Best Regards,
Moeed

[Etay56]

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