Help!! OffCanvas Menu no longer working!

schochs

Hi there,

I created a template from scratch with the wonderful T4 framework.
All was working fine, until eventually (I have no idea caused by what) the OffCanvas-Menu stopped working.
On the Desktop-screen it works, as soon as the page is smaller or loaded on a smartphone, it no longer works (button is still visible, but even the mousepointer doesn't change when hovering the button).

How can I fox that?

Stefan

saguaros

Hi Stefan,

You can share the URL + super admin account of your site, I will check for you.

schochs

This message is visible to Moderators only

hidden content

schochs

This message is visible to Moderators only

hidden content

schochs

Problem solved:
I added the CSS code:
.t4-section .bg-overlay {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: -100;
}
which brought the button to the foreground again.

saguaros

schochs Is that ok now?

schochs

saguaros
The 'Off Canvas' issue is solved now.
While you might be interested to find out how it could happen, that the button was hiding behind the header (visible, but not clickable).
I assume that more people will run into that problem.

The other problem (no 'edit' icons on articles) is still open.
Would be a great enhancer for my workflow if I would be able to edit my articles and categories directly in the frontend.
Modules work fine, menus, categories and articles don't: no edit icon to click.

Thanks for your support!!

saguaros

schochs The provided login info doesn't work, could you check again?

schochs

This message is visible to Moderators only

hidden content

saguaros

It due to your custom CSS in this file: root/templates/t4_bs5_blank/local/css/custom.css

Line 124:

/* ---------------------- Kategorienbeschreibungen und Tags  ausblenden ----------------------- */
.article-aside {
    display: none;
}

This code hides the edit icon on frontend.

You should review this code again.

schochs

Oops, my bad!
Somehow embarrassing, to create my problems by my own... 🫣

The reason why I used this statement was to get rid of the category-descriptions below the title and save the space between the title and the first line of the category-description or article (which is a kind of sub-header most of the time).

Would there be an option to keep .article-aside but ONLY for users logged in at the frontend?

Stefan

saguaros

schochs The reason why I used this statement was to get rid of the category-descriptions below the title and save the space between the title and the first line of the category-description or article (which is a kind of sub-header most of the time).

Then you should change the code as the class .article-aside is used in other pages / layouts also. When you set to hide, it accidentally will hide in other pages.

You can share the URL of that page, I will suggest the code needed.