5 years 4 months ago #9485 by moqui
moqui created the topic: Accessibility
Hi, I have any question on mobile view.
1) when I using megamenu mobile features I have this error from the validator :
Missing text or title attribute to ....
<a href="#" class="dj-mobile-open-btn"><em class="fa fa-bars"></em></a>
<a href="#" class="dj-offcanvas-close-btn"><em class="fa fa-close"></em></a>
where can I add text?

2) I have, in PC view, a very big mega menu. On mobile view can I use another menu "specially crafted".
How should I set the modules?

3) Can I reduce accessibility toolbar on mobile view ?
Example : remove fixed and fluid layout buttons.


Please Log in or Create an account to join the conversation.

5 years 4 months ago - 5 years 4 months ago #9487 by marcin
marcin replied the topic: Accessibility

1) The code is generated by DJ-MegaMenu module.

To modify, you need to make an override of the DJ-MegaMenu module as described in the docs:!_core
You will need to override the file:
You can add the text for FontAwesome Icons as described in the article:
For the text you can add "sr-only" class so it will be visible for screen readers only.
If you will use the "sr-only" class you need to copy these styles to the custom.less file:
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;

More about custom.less:

2) DJ-MegaMenu has a menu view for mobile views. More details:

3) You can add this style to the custom.less file:
@media (max-width: 767px) {
.container-width {display: none;}

This way it will be hidden for smaller screens than 768px.

Last Edit: 5 years 4 months ago by marcin.

Please Log in or Create an account to join the conversation.

Time to create page: 0.245 seconds


ul. Wałowa 10/3, 84-200 Wejherowo, registered in Centralna Ewidencja i Informacja o Działalnosci Gospodarczej
NIP/VATID: PL5882424318

Copyright © 2009-2021 All rights reserved. and this site is not affiliated with or endorsed by The Joomla! Project™. Any products and services provided through this site are not supported or warrantied by The Joomla! Project or Open Source Matters, Inc. Use of the Joomla!® name, symbol, logo and related trademarks is permitted under a limited license granted by Open Source Matters, Inc.