home padding and space adjustment on mobile only

[abghadban]

Hey I need help adjusting a home section on mobile only, on desktop its perfect, I want to remove the side padding and I want all the pictures to be stuck together like no white space between pictures or on the sides, Im using ella theme. Thank you so much ( 

The next picture is from another website, thats how I want it to be. 

  

[Made4uo-Ribe]

Hi @abghadban 

Try this one. 

1. From your Shopify admin dashboard, click on "Online Store" and then "Themes".
2. Find the theme that you want to edit and click on "Actions" and then "Edit code".
3. In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

@media only screen and (max-width: 749px){
.section-block-template--18446778597595__163221535239da03ba .container-full,
.section-block-template--18446778597595__spotlight_block_AF7tMW .container-full {
    padding: 0;
}

div#block-702bd0c5-dea1-41a7-bfa1-ae68809d92ad, div#block-image_Kz4Wy8 {
    margin-top: 0;
}
}

• And Save.
• Result:
  

 Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better! 

[abghadban]

hey thanks for your reply, the margin top worked but the side paddings still the same 

[Moeed · Accepted solution]

Hey @abghadban 

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>
.section-block-template--18446778597595__spotlight_block_AF7tMW .container-full, .section-block-template--18446778597595__163221535239da03ba .container-full {
    padding: 0 !important;
}
.halo-item {
    margin-top: 0 !important;
}
</style>

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

Best Regards,
Moeed

[abghadban]

hey thank you so much this worked!

[Moeed]

Thank you for your reply. I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.