Topic: Trying to add padding to certain pages on mobile devices | Themeco Community

Archive / Trying to add padding to certain pages on mobile devices

This is archived content. Visit our new forum.

Tagged: x

Author

Posts
May 4, 2016 at 4:45 pm #913291

dawnmartinello
Participant

Hey guys,

There are a few pages on my site that look dreadful on mobile and I need to add just a touch of padding so they aren’t butting up or being cut off completely on a mobile device.

These are the pages:

http://www.dawnmartinello.com
a) the dark grey band at the top – I can’t use an inner container or it makes it look bad on desktop)
b) the “profitable, sustainable + meaningful businesses” heading
c) the “most popular posts” section

http://www.dawnmartinello.com/target-market-bootcamp
a) the images are fine to have no padding here
b) the payment table is fine here

May 4, 2016 at 4:45 pm #913293

dawnmartinello
Participant

This reply has been marked as private.

May 4, 2016 at 11:35 pm #913751
Nabeel A
Moderator
Hi there,

Thanks for writing in! Please add the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:
```
@media screen and (max-width: 767px) {
.x-column.x-2-3, .x-column.x-sm {
    padding: 20px;
}
h2, .h2 {
    font-size: 200%;
}
}
```
Let us know how this goes!
May 5, 2016 at 6:16 pm #977881

dawnmartinello
Participant

yipee! It looks perfect now .. I can’t thank you guys enough!

May 5, 2016 at 7:16 pm #977921

Nico
Moderator

Happy to hear that.

Feel free to ask us again.

Have a great day! 🙂
Author

Posts

<script> jQuery(function($){ $("#no-reply-913291 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>