Astra Theme Container Width Fix
Author: Aleš Sýkora, 4. 9. 2019
If you encounter some issues with container width on mobile device when using Astra Theme and Toolset and Bootstrap try this CSS fixes.
Mobile container overlapping the page width
Avaible CSS fixes
by Toolset support
@media only screen and (max-width: 544px) {
.ast-container {
padding-left:20px;
padding-right:20px;
}
}
by Astra support
@media (max-width: 544px){
.ast-separate-container #content .ast-container
.row {
margin-left:0;
margin-right:0;
}
}
Archive stretched differently then post
Problem: Stretched, full-width archives behave differently than stretched, full-width posts.
.post-type-archive #main > .ast-row {
margin-right: 0;
margin-left: 0;
}