Docs

[zendog22]

Hi, I have adding left padding 50px to the main text box on the page below as it looks better on desktop screen. But i would like to remove padding in mobile view. Is this possible please?
http://kentishandco.staging.wpengine.com/our-clients/jnj/

[Rad]

Hi there,

Thanks for writing in.

Instead of adding padding to the column, add a class name and control it through CSS. For example, add padding_left_50 to your column’s class input.

Then add this CSS to Admin > Appearance > Customizer > Custom > CSS

@media (min-width: 768px) {
.padding_left_50 {
padding-left: 50px !important;
}
}

Make sure that your manually added padding is 0, else, this CSS will not be effective.

Thanks!

[zendog22]

Hi, OK thanks. Quick add on to this. So say I assign the class name ‘case’, where would I put that in the code below that you suggested?

@media (min-width: 768px) {
.padding_left_50 {
padding-left: 50px !important;
}
}

thanks!

[Rue Nel]

Hello There,

If you use the class name case instead, you can have this code;

@media (min-width: 768px) {
  .case {
    padding-left: 50px !important;
  }
}

And that your custom class name should be place in the column settings as illustrated here: http://prntscr.com/bch45x

[Author]

Posts