Not really responsive

Hello,

I have a problem with my theme because the website is not really responsive on mobile. I have a scrollbar in width and a word is cut (SiteOrigin Editor module)

Thanks !

Hi,

You can hide the padding-right of the slider ( which have caused that extra space on right ) with this Custom CSS:

#pg-2-0 .panel-grid-cell {
    padding-right: 0 !important;
}

Please add the above CSS to your Child Theme’s style.css or in case you haven’t setup a Child Theme already, then you can also use this plugin to add the CSS to it: https://wordpress.org/plugins/simple-custom-css/ so you will not loose the changes on theme updates.

Please let me know how it works.

Best Regards,
Csaba

Thank you but no changes

Hi,

Ok, I found an other CSS which is causing the same issue, you can fix it with this Custom CSS:

.row {
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
}

Please let me know how it works.

Best Regards,
Csaba

Still not, sorry

Hi,

It worked, I don’t see any scroll-bar in width anymore, do you still see the scroll-bar?

Best Regards,
Csaba

I had a refresh problem, it’s ok for the scroll bar, thx !

But the word “personnalisé” is always cut on mobile version

Hi,

You can make the font-smaller, so the text wouldn’t have to be cut-off anymore, with this Custom CSS:

@media only screen and (max-width: 560px) {
h3 {
    font-size: 22px !important;
}
}

if it still cut-off, then just remove the font-size to a lower value.

Please let me know how it works.

Best Regards,
Csaba