• 0
  • Shopping Cart
    0
Support Offline: Mon - Fri / 08:00am - 05:00pm (GMT +7)
Your Time: Our Time:
Welcome, Guest
Username: Password: Remember me

TOPIC: On small screens, JUX Mega Menu flows over other content!

On small screens, JUX Mega Menu flows over other content! 1 week 2 days ago #33477

  • rokkhit
  • rokkhit's Avatar
  • purchased
  • OFFLINE
  • Fresh Boarder
  • Posts: 2
  • Karma: 0
Hi,
On mobile devices (smartphones and tablets) Mega Menu flows down and covers other contents.
Please access the following URL in a smartphone or tablet:
janswers.worldwide-server.com/

You will find that Mega Menu (blue) covers the image below it.
However, on larger screen (computer screens) it behaves properly.
The administrator has disabled public write access.

On small screens, JUX Mega Menu flows over other content! 1 week 1 day ago #33487

  • HaiND
  • HaiND's Avatar
  • OFFLINE
  • Moderator
  • Posts: 3295
  • Thank you received: 259
  • Karma: 48
Hi rokkhit
Thank you for contacting and choosing our product
Maybe conflict style, please go to back-end module -> tab Advanced -> Custom CSS and add code:

@media (max-width: 979px)
.nav-collapse, .nav-collapse.collapse {
height: auto!important;
}

Hope it will help you
Thanks
Best Regards
--HaiND--
The administrator has disabled public write access.

On small screens, JUX Mega Menu flows over other content! 1 week 1 day ago #33518

  • rokkhit
  • rokkhit's Avatar
  • purchased
  • OFFLINE
  • Fresh Boarder
  • Posts: 2
  • Karma: 0
Hi HaiND,
I am a subscriber who can issue tickets (Transaction #: 06G69930UK580744P).
However, because I don't know how to issue a direct ticket, I am posting in the forum.
I tried your tips, but it did not work.
Here are the details of my situation:
1. I am using Joomla! default template: Protostar.
2. Joomla! default navigation menu is placed in position 1 (navigation). I have unpublished Joomla! default menu, published and placed Mega Menu in this position.
3. When the site is viewed in a smaller screen (smart phones or tablets), Joomla! default sandwich menu (three parallel horizontal bars on gray background) appears. As it has no functions here and because it is confusing for some of my users, I have disabled it in my user css file with the following code:

.navbar.pull-left{
display: none;
}

And then, I have also added the following code to have Mega Menu viewable.

@media (max-width: 979px){
.nav-collapse, .nav-collapse.collapse {
overflow: inherit!important;
}

Then, I have also added the following as per your instructions:

@media (max-width: 979px)
.nav-collapse, .nav-collapse.collapse {
height: auto!important;
}

But, the navigation bar flows down and blocks other elements.
You may see it here:
janswers.worldwide-server.com/

It is most prominently visible on a tablet device.

(*Please note that if I exclude the second code snippet above, the menu becomes invisible.

Please see to the matter as soon as possible.
Also please let me know how I can submit a ticket, rather than submitting here in the forum.

Best Regards,
Rokkhit.
The administrator has disabled public write access.

On small screens, JUX Mega Menu flows over other content! 1 week 10 hours ago #33525

  • HaiND
  • HaiND's Avatar
  • OFFLINE
  • Moderator
  • Posts: 3295
  • Thank you received: 259
  • Karma: 48
Hi again
I'm sorry , it is:

@media (max-width: 979px){
.nav-collapse, .nav-collapse.collapse {
height: auto!important;
}
}

please tried to add it again, if still have a problem, please send information login back-end via email: This email address is being protected from spambots. You need JavaScript enabled to view it.
I will check it for you soon, you can go to at here and create ticket
joomlaux.com/support/tickets-support/mem...tickets/manager.html
Thanks
Best Regards
--HaiND--
The administrator has disabled public write access.
Time to create page: 0.081 seconds
Powered by Kunena Forum