Image not spanning full width on home page

Hello,

The image is already cover the entire width of the section. are you still looking for a solution?

One more thing – Edit the section and click on column icon > advanced tab and set the padding to 0 to remove column padding.

Im sorry I did not see this response until now, thank you for getting back to me. the only place that it doesnt span full width is the home page for mobile.

Can you share a screenshot of the issue? I checked it on mobile view but didn’t see the issue.

As you can see on the side, there is space where the picture does not span full width

Edit the section with Elementor and remove the padding from the advanced tab of the column settings or add the below code to the Customize> Custom CSS section to fix it –

.elementor-element-d0778df .elementor-column-wrap.elementor-element-populated {
    padding: 0 !important;
}

This worked perfectly! thank you so much. Website looks much cleaner on mobile version now. My padding was originally set to 0 so im not sure why this problem was occuring. My desktop version actually shows that they box is not stretching all the way across as it should. Is there a CSS to fix this issue on the desktop version of my site?

Thank you for your help.

Try the below code and check it works or not –

.elementor-element-fb0000e .elementor-column-wrap.elementor-element-populated {
    padding: 0 !important;
}

Worked perfectly thank you so much.

You’re welcome!