Hi, I made a lot of changes on my site today and now just realised the content is going too far left on mobile on all pages (except homepage). There’s no padding.
I don’t think it’s the new header and footer elements and double-checked padding.
I gather it may be something to do with @media?
Here’s the code I added today, could you see if it’s any of these that are causing the issue please?
@media (min-width: 769px) {
.single-post .page-hero + #page {
margin-top: -120px; /* adjust margin to suit */
}
}
@media (min-width: 769px) {
.single-post .page-hero + #page {
margin-top: -225px;
}
}
@media(min-width: 1024px) {
.right-sidebar .site-content .content-area {
width: 75%; /* Width of content minus width of sidebar */
margin-left: 25%; /* width of sidebar */
}
}
@media (max-width: 1024px) {
.wp-block-image .alignleft,
.wp-block-image .alignright {
float: none;
margin: 0 auto 1em auto;
}
}