Archived topic
customize > Layout > container > separating space
1 reply · Started by eran on September 9, 2022
Viewing posts 1–2 of 2
If i want to make the separating space in desktop 30px for example and in mobile 10px I cant. because it stays the same in mobile and desktop.
how can I change it only on mobile?
Hi there,
you can try the following CSS:
@media(min-width: 769px) {
.separate-containers .site-main {
margin: 40px;
}
.separate-containers .widget,
.separate-containers .site-main>*,
.separate-containers .page-header,
.widget-area .main-navigation {
margin-bottom: 10px;
}
.separate-containers .inside-right-sidebar, .separate-containers .inside-left-sidebar {
margin-top: 10px;
margin-bottom: 10px;
}
}
This archived topic is closed to new replies.
