Archived topic
Padding only one page?
3 replies · Started by Ian on July 18, 2021
Hello, I have these padding settings for all my content pages. But, I want to turn these off for my home page? Thanks! My home page is titled "Home"
@media (min-width: 769px) {
.page .site-content {
padding-left: 160px;
padding-right: 100px;
}
Hi Ian,
We can modify the selectors of that CSS a bit to not apply on home.
Example:
@media (min-width: 769px) {
body.page:not(.home) .site-content {
padding-left: 160px;
padding-right: 100px;
}
}Thanks Elvin. I am trying to figure out how to create a responsive design for different screen sizes. I read your guys article on responsive designs, but it didn't provide info for laptop vs monitor breakpoints.
I see mobile is max width 768, tablet is 769-1024, and min width for desktop is 1025. However, is there a general breakpoint for monitors over 20 inches that's larger than 1025? There are no laptop screens that big. Thanks! I am trying to nail a similar typography breakpoint for each device, but my current settings have 90 characters on a laptop and 45 on my 27 inch monitor. Thanks!
Hi there,
the larger screen should not have a narrower content width unless other CSS is interfering with that.
can you share a link to the site so i can see whats going on ?
