Jump to content

Archived

This topic is now archived and is closed to further replies.

jmad

Remove/change padding for a section on mobile

Recommended Posts

jmad
Have a section with a top pad of 50px but would like to reduce that on phones.  I've tried the code below but clearly I'm not getting it correct.  Could someone please help.
 
I've tried this
@media (max-width: 480px) {
#site .no-padding {
  .pl-section-pad {
    padding: 0px
  }
}
 
 
@media (max-width: 480px){
#site .pl-area-wrap .pl-parallax .pl-bg-cover{
.no-padding-one {
  .pl-area-wrap {
    padding: 0px
  }
}
}
 

Share this post


Link to post
Share on other sites
Danny

Hi,

 

Do you have a link to the site in question please.

 

Also, the first code isn't valid, try this and see if that works.

 

@media (max-width: 480px) {
#site .no-padding {
  .pl-section-pad {
    padding: 0px
  }
}
}

Please search our forums, before posting!

Share this post


Link to post
Share on other sites

×