Mobile view slider text

Sydney
#1

hi Kharis
i got one problem for mobile view.

padding
padding.JPG496×841 47.4 KB
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

#3

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

#4

Hi Kharis,

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

#5

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

#6

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

slider%20text
slider text.jpg1080×1920 261 KB

Regards
Fatima

#7

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

#8

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