Hey guys, I was hoping you could help me customize my site for mobile. I am using the following code across my site:
[content_band inner_container="true"]Content here[/content_band]
But on mobile, the “inner_container” is too aggressive, and I’d like to remove it for mobile view.
Here is the code I am using to customize the mobile view — can you help me tweak it so it will essentially set inner_container to “false” when viewed on mobile?
@media (max-width: 767px){
.x-container.max.width {
width: 95% !important;
}
body .x-column {
padding-left: 20px !important;
padding-right:20px !important;
}
body .site {
width:100%;
}
}
Thank you for your help!