Content keeps aligning left

Hi team,

I’ve made sure to center align all of my content but some pages keep aligning left in mobile view. How can I fix this?

Here are some pages:
1.
2.

Thanks

Hello there,

To make us easier track the progress, let’s address the first one first.

Firstly, set 0 padding right on mobile option on each grid in page builder settings. Then add the below CSS code to Appearance > Customize > Additional CSS from dashboard.

    @media only screen and (max-width: 780px) {
      .entry-content #pl-59 > .panel-grid {
        width: 500px;
        max-width: 100%; 
        margin-left: auto;
        margin-right: auto;
      }
      .entry-content #pl-59 > .panel-grid .panel-widget-style {
        padding-left: 0 !important;
        padding-right: 0 !important;
      }
    }

Regards,
Kharis

Hi Kharis,

I tried this and it did not work.

I also wanted to mention that this happened after the update.

Hello there,

Try this CSS code:

    @media only screen and (min-width: 600px) and (max-width: 780px) {
      div[id^="pg-59-"] .panel-row-style {  
        -webkit-flex-direction: row !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
      }
    }

    @media only screen and (max-width: 599px) {
      div[id^="pg-59-"] .panel-grid-cell {
        width: 100% !important;
      }
    }

Regards,
Kharis

Hello Kharis,

This code worked!

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis