Full width widget problem -white spaces/blocks

Hello,
I added a widget above the footer that contains a quotation. I want this widget to have 20 px spaces from the sides which now is next to the left and right of the page. page is now full width streched -because when it is full width white blocks on right and left appears that could not seem to be purple in any way! should i use a css code for the quote part to be narrowed down?

here is the page: https://kadinerkekesitligi.org/sitenin-amaci/

on mobile version there are white blocks as you can see. how can i fix it?

Hi,

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    html,
    body {
       overflow-x: hidden;
    }

Let me know how it goes.

Regards,
Kharis
aThemes Support

i used the code however nothing seems to be changed.

Hi,

Keep the code remains there. Then try clearing cache or history and restarting your web browser before running your check.

Regards,
Kharis
aThemes Support