Hi,

Please try replace the code I sent to this code:

@media only screen and (max-width: 767px){
    .container.penci_sidebar .penci-grid > li, .penci-grid > li.grid-style{ width: 48.05% !important; margin-right: 3.9% !important; }
    .penci-grid > li:nth-of-type(3n+1){ clear: none; }
    .container.penci_sidebar .penci-grid li:nth-of-type(2n+2), 
    .penci-grid li.grid-2-style:nth-of-type(2n+2),
    .penci-grid > li:nth-of-type(2n+2) {
        margin-right: 0 !important;
    }
    .penci-grid > li:nth-of-type(2n+1){
        clear: both;
    }
}

Best Regards,

PenciDesign

Hi,

Please show me your site URL to I can take it a look at this to help you.

Best Regards,

PenciDesign

Hi,

It seems you're confused about how AMP works.

Here is the way AMP works:

If someone on mobile or tablet search a keyword on Google > Google will return the search results page > if your page appears on the search results page & that page supports AMP > AMP version of this page will loads if users click on it.

It's different to go directly to your site URL on mobile - because when going directly to your site on mobile/tablet => the responsive version will loads.

If you check to "Show AMP for Mobile Visitors" => when going directly to your site on mobile/tablet => AMP pages will loads.

So, if you un-check on "Show AMP for Mobile Visitors" => the responsive version will loads when you going directly to your site on mobile/tablet - it will include all setups you did on the desktop version.

Best Regards,

PenciDesign