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;
}