Mobile view slider text

hi Kharis
i got one problem for mobile view.

i will show in picture attached
as u can see the padding on mobile site around the text is too much how can i reduce this padding only on mobile view.
help really appreciated

regards
fatima

Hello there,

The solution might be a couple of custom CSS code. Please share a link to that page to allow inspect and use exact CSS selector.

Regards,
Kharis

Hi Kharis,

here is the link for the website pagehttps://www.kitchentek.com.au/kitchen-design-process/
thanks
fatima

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    @media only screen and (max-width: 780px) {
      #pg-5196-1 > .panel-row-style {
        padding-left: 10px !important;
        padding-right: 10px !important;
      }
    }

Regards,
Kharis

Hi Kharis,
Thanks a lot this code worked for my site just related to this issue the text “HOW OUR KITCHEN DESIGN PROCESS WORKS” also not properly displaying on mobile device here is the linkhttps://www.kitchentek.com.au/kitchen-design-process/

here is the screenshot

Regards
Fatima

Hello there,

Try this code:

    @media only screen and (max-width: 780px) {
      
      #pgc-5196-0-0 h1 {
        font-size: 18px !important;
      }  
      
      #pg-5196-1 > .panel-row-style {
        padding-left: 10px !important;
        padding-right: 10px !important;
      }  
      
    }

Regards,
Kharis

Hi Kharis,

Thanks a lot this code also worked well. as much as i am working on Sydney theme the more power revealed of the theme most powerful theme and the support is awesome that keep stick to that theme. thanks again
regards
fatima