Topic: dropdown menu on mobile

This topic has 3 replies, 2 voices, and was last updated 8 years, 11 months ago by Raghavendra.

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
May 4, 2015 at 9:34 pm #13916

ssp
Participant

Hi,

When i look at my website on a mobile (iphone) the dropdown menu doesn’t work, i just see the primary pages. You can I fix it?
http://centresportifrosemere.ca

Thanks

May 5, 2015 at 1:42 pm #13924

Raghavendra
Moderator

Can you pls disable all plugins once and see if that fixes the issue? I see that required HTML for the dropdown is present in mobile menu, it is just not visible for some reason due to either a custom CSS or JS.

May 5, 2015 at 4:16 pm #13932

ssp
Participant

When i disable the plugin “Timetable Responsive Schedule For WordPress”, the dropdown menu on mobile works. But I absolutely need that plugin for my website, how can i fix this issue?

May 7, 2015 at 12:26 pm #13986
Raghavendra
Moderator
Can you pls delete these lines from plugins/timetable/style/superfish.css file from line number 89 to 111. That should resolve this issue –
```
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}
```
Author

Posts