How do I make my slider's mobile responsive

Hi

Basically, I’m building our new website for our agency and the sliders on our pages are not mobile responsive neither is the text in (paragraph)

also, there’s the banner (before the testimonials) on the home page that I would love to resize.

my website is www.odmworld.com

Can anyone help me with that!

Much appreciated

Thank you

Hi,

Can you, please clarify what is the responsiveness issue with the Slider and the banner above the Testimonials? Please post a screenshot and point out the issue(s) on it, I can’t see any issue.

Kind Regards,
Csaba

Thank you for your response

attached please find the slider issue.

!

attached please find the partners banner issue im having

Thank you very much for your time its really appreaciated

Hi,

You can remove the white space from the left and right side of your website and fix the spacing above the image section from above the testimonials with this Custom CSS:

@media only screen and (max-width: 780px) {
.panel-grid-cell {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

#pgc-17-3-0 {
    padding: 0 !important;
    margin: 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 add the CSS to wp-admin -> Appearance -> Customizer -> Additional CSS so you won’t loose the changes after Theme or WordPress updates.

Please let me know how it works.

Kind Regards,
Csaba

mad respect to you! Thank you very much

Hi,

You’re most welcome! If you need help with anything else, please open a new topic.

Have a nice day!

Kind Regards,
Csaba