Responsive enu disappearing on Desktop and Mobile

  • berek
    Inactive member
  • Topic Author
  • New Member
  • New Member
More
9 years 7 months ago #41056 by berek
Hi!
I have problem with responsive menu on my page. When menu changes into drop-down list it automatically disapear after mouse over it on desktop or after one second on mobile. No idea what my cause the problem.

Please Log in to join the conversation.

  • milos
    Support Staff
  • Moderator
  • Moderator
More
9 years 7 months ago #41058 by milos
Hello,

On what mobile you are testing it? Also, we would like to see your site live.

Thanks

Please Log in to join the conversation.

  • berek
    Inactive member
  • Topic Author
  • New Member
  • New Member
More
9 years 7 months ago #41059 by berek
Hello!
test site working under: test.poprawto.pl
I was testing it under android browser and chrome for mobile.
Regards

Please Log in to join the conversation.

  • berek
    Inactive member
  • Topic Author
  • New Member
  • New Member
More
9 years 7 months ago #41063 by berek
How to determine when menu changes from normal mode into responsive dropdown list. I wish to have menu displayed as normal until width more or equal 480px. To fit into screen i wish to change font-size/paddings/etc. Now in resolution lower than 1152 it changes to responsive dropdown list.

Please Log in to join the conversation.

  • milos
    Support Staff
  • Moderator
  • Moderator
More
9 years 7 months ago #41068 by milos
Is it Samsung android smartphone or else?

The top menu is set to become a dropdown list as soon as there's no more room to show it normally. This is in script /templates/hot_kindergarten/js/responsive_menu.js

You can change this part:
Code:
var topMenuWidth = jQuery("ul.nav").innerWidth(); jQuery("ul.nav").css("min-width",topMenuWidth); if(topMenuWidth > topMenuContainerWidth) {

to this if you want to make width 480 as break point for the menu:
Code:
var topMenuWidth = jQuery("body").innerWidth(); jQuery("ul.nav").css("min-width",topMenuWidth); if(topMenuWidth < 481) {

Regards
The following user(s) said Thank You: berek

Please Log in to join the conversation.

  • berek
    Inactive member
  • Topic Author
  • New Member
  • New Member
More
9 years 7 months ago #41072 by berek
It's on every mobile and even on desktop when switched to dropdown-responsive menu.

Please Log in to join the conversation.

Time to create page: 0.386 seconds
Powered by Kunena Forum