How can I modify the PADDING in the blog so that it is responsive on small screens.
Solved
Helix Framework
PADDING in the blog
Accepted answer
Marked as the solution
Paul Frankowski Senior Staff
Helix 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.
3 more replies
Rodenger Garibay Ramírez Asked this
For 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 Senior Staff
4 years ago
· edited
Hi,
- 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
Rodenger Garibay Ramírez Asked this
4 years ago
· edited
Hello, 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.
Log in to reply.