Mobile responsiveness issues on invoice pages and carousel components

[osalqalisi]

While testing the live demo on mobile devices, I noticed responsiveness issues across the interface:
​Carousels/Sliders: UI elements using carousels do not adjust properly on smaller viewports and break the layout.
​Invoices & Tables: The invoice view and data tables do not scale smoothly on mobile screens, causing horizontal overflow.
​To Reproduce
​Open the live demo (hosting.panelica.com) on a mobile screen or use browser DevTools (mobile viewport).
​Navigate to the invoice view or pages containing carousel components.
​Observe the layout distortion and overflow.
​Expected behavior
Carousels, invoices, and table elements should be fully responsive and adapt cleanly to mobile screen widths.

[Panelica]

Hi @osalqalisi,

Thank you for reporting this, and sorry that it took us so long to answer. You were right, and it was worse than it looked.

We measured every client page in a browser at 320, 360, 375, 768, 1024 and 1280 pixels, on the live demo and on a local install with a logged-in customer. What we found:

• On a phone the menu button was off the screen. The language name, the user's name and the login and sign-up buttons pushed it past the right edge, so a visitor could not open the menu at all.
• Lists (services, domains, invoices, quotes, tickets, contacts, affiliates) dragged the whole page sideways instead of scrolling inside their card.
• The contact page kept two columns on a phone and was 652 pixels wide on a 375-pixel screen; a few smaller spots (the knowledge base, the payment notification form on an invoice, the order summary, some button rows, the guide pages' side menu) overflowed narrow screens as well.
• On the desktop, a store with many product groups made the menu bar about 2,400 pixels wide on a 1280-pixel screen.

All of this is fixed in 189954b and 685b0f8, and the demo at hosting.panelica.com is already running it. On phones the extra buttons move into the menu, wide tables scroll inside their card, side columns go under the form, and the product groups now sit in the Services menu. We measured the same pages again afterwards: none of them overflows at any of those widths.

About the carousels: we could not find a carousel or slider in the current code or on the demo pages, so it may have been removed since August. If you still see one somewhere, a link or a screenshot would help us find it.

Thanks again for taking the time to test on mobile.

Panelica Team