Broken CSS

.x-content-sidebar-active .x-container.main:before, .x-sidebar-content-active .x-container.main:before {

left: -5000em;

This line of CSS has broken my website on mobile. When viewing on mobile there is a large empty part of the screen to the right.

I have tried everything to get it corrected but keep failing. I have not entered this as custom CSS, I believe its something that comes by default through your code.

Is there anything you can suggest I do? It doesnt seem to be effecting my homepage, but every other page has this large margin to the right.


Thanks, please help.

This is an automated message to notify you that your thread was posted in the wrong forum, and it has been moved to the correct place. A member of our team will be happy to reply just as soon as your thread is up. How support works.

For support, please post all questions in the Support Forum.

For peer to peer conversations with other Themeco customers about tips, customizations, or suggestions you are welcome to use the Peer to Peer (no official support provided here).

For Design & Development, Marketing & Media, and Hosting & Optimization discussions you are welcome to use the General Forum to discuss with fellow Apex members about non Themeco related topics. Please keep this in mind in the future.



You can remove this CSS rule only in the mobile adding this custom code:

   .x-content-sidebar-active .x-container.main:before, .x-sidebar-content-active .x-container.main:before {
     left: Number that adjust your page !important;