Written by: Aleš Sýkora

The Author of Toolset.wiki. Big fan of Toolset plugins and WordPress.

I am big fan of WordPress and Toolset plugins. I have done many projects based on WordPress. I also have experience with online marketing, PPC advertising and SEO. I live in Czech Budweis – the town of Budweiser Budvar breverage in the south of the Czech Republic – the heart of Europe.

I love skateboarding, snowboarding, frisbee, fitness, healthy lifestyle, tattoos, mountain biking and other sports. I enjoy having time with friends with good beer and good music.

Astra Theme Container Width Fix

Last Update: 10. 11. 2019 , Category:

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

Support Us via our Affiliate link!

Astra WordPress theme logo

What to do next?

Need a Toolset License?

Buy via affiliate link!

Looking for a tutorial?


Help other users – Add your snippet!


Join the discussion!