May I know how to remove right/left margin from the bottom two parts(Lessons and Fees,Contact) of my website on phone? It seems ok on PC but not on phone. Especially the table for prices lookes terrible.


*I use Moesia theme. The first 4 widgets are called "Moesia FP"(guess their original widgets) and the rests are Siteorigin Editor/Form.

*I have installed 4 Plugins; Athemes Toolbox, Moesia - Masonry Portfolio, Page Builder by SiteOrigin, SiteOrigin Widgets Bundle. When I inactivate Page Builder by SiteOrigin, the margin problem is gone but all the Moesia original widgets desappears.

*I found some CSS online but didn't work.

I am very new to this kind of thing and have no idea what to do. mar Thank you!


You just need to add media queries for mobile screens.

Add CSS in the stylesheet.

if you want globally add this:

@media only screen and (max-width: 600px) {
  #pl-2040 #panel-2040-4-0-0, #pl-2040 #panel-2040-5-0-0 {
      margin: 0;

If you want to implement only on the homepage try this:

@media only screen and (max-width: 600px) {
  .home  #pl-2040 #panel-2040-4-0-0, #pl-2040 #panel-2040-5-0-0 {
      margin: 1cm 1cm 1cm 1cm;
  • Wow I just added the first CSS and it worked like a charm. Thank you so much! By the way, is it also possible to make the margin wider above the titles( Lessons and fees/ Contact )? I think the space just shrunk.
    – Nozomi
    May 8 '20 at 8:08
  • Yes, You can just need to add as per your requirement. Welcome! May 8 '20 at 10:24
  • I made a bit change to your CSS and managed to widen the top and bottom space. @media only screen and (max-width: 600px) { .home #pl-2040 #panel-2040-4-0-0, #pl-2040 #panel-2040-5-0-0 { margin: 2cm 0cm 2cm 0cm; } } Thanks a lot again!
    – Nozomi
    May 9 '20 at 4:33
  • Most Welcome!... May 11 '20 at 5:58

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.