Astra Theme Container Width Fix

1 min read / WordPress / Share on: Twitter, LinkedIn, Facebook

Post summary: If you encounter some issues with container width on mobile device when using Astra Theme and Toolset and Bootstrap try this CSS fixes.

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

0 comments