Hello Support Team,
I am facing an issue while designing my website using Elementor with the XStore theme.
The problem is that the main container does not fully stretch from edge to edge of the screen. There is a small gap on both sides (approximately 5px), even when the width is set to 100%.
I have already tried modifying CSS settings and removing width constraints such as max-width and margin, but the issue still persists.
I need a solution that allows the container to be fully full-width without any side gaps, while still keeping the ability to control column widths inside Elementor (such as 50% and 70%) without breaking the layout.
Additionally, I want to ensure that everything works perfectly on all devices, including tablets and mobile phones, with consistent and proper responsiveness across all screen sizes.
I have already enabled mobile optimization settings and the Responsive / Adaptive editing options in Elementor, but the issue is still present. Therefore, I kindly ask for a proper fix or optimization for this case.
Please advise me on the correct settings or adjustments needed in the theme or Elementor to permanently resolve this issue.
Thank you.