PADDING In The Blog
R
Rodenger Garibay Ramírez
How can I modify the PADDING in the blog so that it is responsive on small screens.
4 Answers
Order by
Oldest
Paul Frankowski
Accepted AnswerHelix is a template, otherwise you won't be able to display anything.
Use this custom CSS
// Smartphones view
@media (max-width: 640px) {
#sp-main-body {padding: 50px 30px;}
}BTW
I strongly recommend read more about @media in CSS manuals.
R
Rodenger Garibay Ramírez
Accepted AnswerFor example, so that the spaces on the sides of the blog look the same as on your website: https://www.joomshaper.com/blog/joomshaper-plan-for-sp-page-builder-3-x-series When I see it in small screen view the spaces adapt
Paul Frankowski
Accepted AnswerHi,
- you forgot to tell us what template name you have and share URL.
- read also: https://www.joomshaper.com/blog/which-line-of-css-i-have-to-edit-code-inspector-in-action
R
Rodenger Garibay Ramírez
Accepted AnswerHello, I am not using any template, only Helix, the detail is that I manage to modify the PADDING and it looks good on the PC or Laptop screen, but when I see it on small screens, it looks bad because it takes the same PADDING, for example:
sp-main-body {
padding: 100px 300px;}
But it comes out wrong on small screens.