Issue using side-panel-left-overlay and demo-real-estate-listing together

Question

Hello:

I am using 2 examples of yours to implement a page in .NET about a "Real Estate" project. I'm making some adjustments to the demo-real-estate-listing.html page. I need a Left-Side-Panel to place my search filters. My problem is that when I put together, I have a problem with my page (See image).

Would it be possible for both pages to work together in one? I have been able to do this before with many of your examples, but now I have a real problem.

Perhaps I have included the style files in the wrong order?

Regards

SemiColonWeb · Accepted Answer

Hello,

This appears to be a simple issue that we can definitely help you fix but we will need a Live URL so that we can check out the exact issue and provide you with more accurate assistance on this. Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

PavelRomero · Answer

Hello:

I do not currently have a web server to be able to upload a page, but I have reduced the whole file to a small one (index.html) and there I can reproduce the error.

If I add the library demos/real-estate/real-estate.css the error is reproduced, if I remove it, everything seems to work fine.

Regards
Pavel

Semicolon Web · Answer

Hello, We have checked this and the Side Panel is only configured to work for Right Side Panel Layouts in Real Estate Demos. This is the CSS Code you need to fix this issue: [ch pre type="css"].side panel left side panel { left: 400px; width: 400px; } body.side panel left.side push panel.side panel…