Sydney theme mobile version abnormal

Hi my web mobile version suddenly become squeezed into a narrow column on the left, and I have added the code below to appearence CSS

.no-col-padding.panel-row-style {
padding: 7px 0px !important;
.panel-row-style {
padding: 11px 0px !important;

.no-padding-parent .panel-grid-cell:nth-of-type(n+2) {
padding-right: 0 !important;
padding-left: 0 !important;


to customizing CSS

#main {
margin-right: -350px;
margin-left: 0px;

its just very very strange, the content now only occupy half of the screen and user need to scroll to the left to see the full content.

please find my web

Please help me~~~many thanks!


It’s looks like caused by your custom CSS code. Please remove this code:

#main {
    margin-right: -420px;
    margin-left: 12px;

Thanks for your answer!

After I remove the code, it turns back to a narrow column in mobile, how can I fixed it?
Many thanks!

I see… now please remove this CSS code:

#pgc-20-0-0 {
    width: 39.98%;
#pgc-20-0-1 {
    width: 60.02%;
#pgc-20-0-1 {
    align-self: auto;
#pgc-20-2-0, #pgc-20-2-1, #pgc-20-4-0, #pgc-20-4-1, #pgc-20-8-0, #pgc-20-8-1 {
    width: 50%;
#pgc-20-5-0, #pgc-20-5-1, #pgc-20-5-2 {
    width: 33.3333%;
#pgc-20-6-0, #pgc-20-7-0 {
    width: 44.9627%;
#pgc-20-6-1, #pgc-20-7-1 {
    width: 55.0373%;
#pgc-20-1-0, #pgc-20-3-0, #pgc-20-9-0 {
    width: 100%;

May I know where can I find the code and remove them? thanks!

Looks like it’s configured from the siteorigin layout builder in each column layout.
Please go to the “Edit Page” -> Edit the column -> and you may find it in CSS Style textfield

It works! Thanks for your guidance! I have spent my whole night to fix it without any effect, but you advice is life saver!!!

You are the best! Thanks!