Responsive enu disappearing on Desktop and Mobile

berek
Inactive member
Topic Author
New Member

10 years 4 months ago #41056 by berek

Responsive enu disappearing on Desktop and Mobile was created 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

10 years 4 months ago #41058 by milos

Replied by milos on topic Responsive enu disappearing on Desktop and Mobile

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

10 years 4 months ago #41059 by berek

Replied by berek on topic Responsive enu disappearing on Desktop and Mobile

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

10 years 4 months ago #41063 by berek

Replied by berek on topic Responsive enu disappearing on Desktop and Mobile

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

10 years 4 months ago #41068 by milos

Replied by milos on topic Responsive enu disappearing on Desktop and Mobile

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

10 years 4 months ago #41072 by berek

Replied by berek on topic Responsive enu disappearing on Desktop and Mobile

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.276 seconds