CSS changing column padding not working - Pro

[rystaman]

Hi,

I’ve recently recreate my site with the V2 elements within Pro but I think some of the CSS targets have changed that i’m not aware of.

I am trying to change the padding on my section on - https://dwanedigital.co.uk when I use a certain device and i’ve tried

@media all and (max-width 767px) {
$el.x-section {
  
padding-top: 50px !important;

 }
}    

I’ve also tried .x-col and .x-column but none seem to be working. Can you let me know the correct target I need?

Thanks

[friech]

Hi Ryan,

Thank you for writing in, yes that is a correct selector for the sections ($el.x-section), did you add that on the Section’s Element CSS area? Because that will only work on Element CSS area.

Another possible issue is, you might have a CSS syntax error somewhere on your Theme Options > CSS, Header CSS, Footer CSS, or on one of your element’s Element CSS.

Please check all those mentioned CSS areas and check it here for syntax errors.

Hope it helps,
Cheers!

[rystaman]

Hi Friech,

I’ve seen my problem, I didn’t add a colon after “max-width” within my media enquiry.

Thanks

Ryan

[rad]

Glad it’s working now, cheers! And thanks for sharing.