Replies: 0
Hi there, I’m using your Free Fluid Template. In Custom Styles/Custom CSS, I’ve inserted the code below so that the header & footer fit to the browsers edges:
#template_container {
max-width:100% !important;
}
It displays fine on a desktop browser. But when viewed on mobile devices, I noticed there’s a responsive display issue.
For example, on New Order & Order Processing templates, it doesn’t seem to show in responsive mode. See screenshots: https://prnt.sc/v670si and https://prnt.sc/v670nm
But on the Order Complete template, it does show in responsive mode: https://prnt.sc/v670is
In the customizer panel, when click on the mobile icon, it displays how it should be: https://prnt.sc/v670db
But when viewed on the actual receiving email on mobile devices, the header & footer shows a white margin to left & right of the edges. But more importantly not all templates displays in responsive mode as shown on my example screenshots.
Let me know what adjustments I need to fix these issues. Thanks so much.
KV