Phoca Forum

An issue has been identified where the navigation OffCanvas menu works correctly on product category pages but is completely absent on individual product card pages. This is a visual problem that negatively impacts usability and conversion rates.

Steps to Reproduce:

Open a category page
Click the OffCanvas menu trigger button → the menu is displayed, functionality works.
Navigate to any product card page
Click the OffCanvas menu trigger button again → the menu is not displayed, and the interface becomes blocked.

The cause of the error is a CSS conflict. On the product page, the .show class, responsible for the visibility of the OffCanvas container, cannot override the visibility property. Instead of the expected visibility: visible, the element remains with a value of visibility: hidden or collapse.


Joomla ‎4.4.13
Astroid Framework
Framework Version: 3.3.1

In CSS class:

.st-effect-2.astroid-offcanvas {
z-index: 0 !important;
}

not added visibility: visible;

It is Astroid issue but thanks for posting work around.
What prevents you to upgrade your Joomla to version 5?

This may be possible in the near future