By Stuart Briers on Friday, 11 November 2016
Posted in Technical Issues
Replies 9
Likes 0
Views 354
Votes 0
The toolbar is not working well on mobile devices (no problem on desktop). It opens fine but requires at least two touches specifically on one of the icons to activate. The icon bar itself is not active which is not apparent. Is there a way this can work with just one touch anywhere on the bar? It would make it a lot more intuitive. As it stands both of my test users simply thought it was not working. Any advice appreciated.
Hi Stuart Briers,

Correct me if I'm wrong, do you mean the EasyBlog toolbar was showing dropdown menu instead shows icons in the toolbar like in the desktop view? http://screencast.com/t/4N7vLhVW
Actually, this is default behavior make by our designer in order to make the toolbar more responsive in smaller screen view (eg: mobile view)
If there is no responsive checking for this toolbar it will shows like this : http://screencast.com/t/b16jWI7dQK
·
Friday, 11 November 2016 11:45
·
0 Likes
·
0 Votes
·
0 Comments
·
Thanks for your reply and apologies for not being clear.
The menu appears fine when responsive but because there is a hover effect which, as it cannot be replicated in mobile, requires an extra click to activate. When you touch 'navigation' the menu opens immediately. When you then touch, say, Categories, it does not activate in the same way giving the impression the menu is not working. It needs another touch on Categories to work. This may not sound like a big deal but both my testers (and me) came to the quick conclusion that the menu was not working. If the hover could be deactivated for mobile, giving one touch activation for menu items (like when you first touch the bar) it would be perfect. I'm thinking this may not be possible but would, I believe, be a big improvement.
I've attached a screengrab showing what I mean.
·
Friday, 11 November 2016 16:22
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Stuart Briers,

I've tested the navigation toolbar by clicking one of the menu. It doesn't require to click twice, where I've tested to click each of the menu it was loaded properly by just click once (by using my Xiaomi Mi Note 3 and Chrome app)
Please refer this: http://screencast.com/t/YWa7gw4vWJ
May I know what model phone you're using as well the app browser that you're using?
·
Friday, 11 November 2016 17:34
·
0 Likes
·
0 Votes
·
0 Comments
·
Hmm, curious. I'm using an iPhone 6s with the Safari app and an iPad 2, again with the Safari app.
·
Friday, 11 November 2016 19:14
·
0 Likes
·
0 Votes
·
0 Comments
·
hey there,

Can you try apply this following css code into your site template.css file and see how it goes?

JoomlaFolder/templates/protostar/css/template.css


@media (max-width:768px) {
div#fd.eb.tooltip .tooltip-inner {
display: none !important;
}

div#fd.eb.tooltip.bottom .tooltip-arrow {
display: none !important;
}
}
·
Saturday, 12 November 2016 00:40
·
0 Likes
·
0 Votes
·
0 Comments
·
Thanks for your reply. I've tried the code. Although it disables the tooltips at least two touches (sometimes three) are still needed to activates the links. I have subsequently tried them on an iPad mini with the same result and a Samsung Galaxy phone which worked fine. It's looking like this is almost certainly a compatibility issue with Mac IOS Safari.
·
Saturday, 12 November 2016 20:57
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Stuart,

It looks like IOS Safari is emulating a mouseover when a tap happens. I have applied a fix internally, but if you need me to apply the patch on your site, can you please provide us with the back end and FTP access to the site?
·
Sunday, 13 November 2016 15:14
·
0 Likes
·
0 Votes
·
0 Comments
·
Thanks Mark, that would be great! Appreciate it. I will put my details on a support ticket and forward them to you now.
·
Monday, 14 November 2016 05:35
·
0 Likes
·
0 Votes
·
0 Comments
·
Alright, keep us updated then,
·
Monday, 14 November 2016 10:02
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post