How to change the Body left and right margin

Hi guys,

can you help me to change the both left and right side of margin in the site pls see the screenshot

Hi,

Please try the css code below:

.site-header .container, .site-content .container {
    width: 95%;
}

Regards,
Awan

Thanks for the info but when i change the width , all my responsive getting broke please see the screenshots:

please see the site: Site url

Hmm please try to replace the code in above using this:

@media (min-width: 1024px){
  .site-header .container, .site-content .container {
    width: 95%;
  }
}

Thank you awan that means i need you mention both codes ?

  .site-header .container, .site-content .container {
    width: 95%;
}

and

@media (min-width: 1024px){
  .site-header .container, .site-content .container {
    width: 95%;
  }
}

for laptop and desktop resolution i want to display the width as 82.5% and for mobile and tablet i wants to display the defualt width from the theme , how to do it ?

Hi,

You just need to use the last code which I mentioned in above, and please feel free to adjust the value of the width from the code in above.