Written by: Aleš Sýkora
The Author of Toolset.wiki. Big fan of Toolset plugins and WordPress. More infoI 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: Toolset Snippets
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!
What to do next?
Need a Toolset License?
Looking for a tutorial?
Help other users – Add your snippet!