Menu in Mobile Mode Does Not Work

Hi,

I use Category blog for the main menu of my website. In the desktop mode, the main menu items work well. However, they do not work in mobile mode.

Please try these steps to see:

Step 1: Please click one of menu items in the main menu to see. It will bring you to a category blog page.

1-2 copy.jpg

Step 2: Click on an article to see. It will bring you to an article.

3-4 copy.jpg

Step 3: Then come back to the main menu and click the same menu in step 1. It does not come back to the category blog menu. It does nothing. The article still appear. So user is difficult to read another article in the same category.

5-6 copy.jpg

Please help me to solve it.

Thank you and regards,

Hai

Hi

It is a select html element. You cannot select an element which is already selected. It's a standard solution for mobile layouts since select feature has a nice browser side styled look to choose the option easily. That's why browsers has an easily accessible back buttons.

Hi Teitbite,

Why in desktop mode, it woks?

Is there any way to improve it? I think it is not convenient for users if they want to read other articles in the same menu with the article being opened.

Thank you and look forwards to hearing form you.

Hai

Hi Teitbite,

I want to tell you more about the inconvenience of the main menu in mobile mode.

Example 1, when a user comes to our site, they can click an article from the homepage. After reading the page, he cannot read another articles from the same menu item, so he push the "back" button in his phone. The action will take him back to the homepage, from the home page, he has to choose the previous menu item, then navigate to other articles, that will take him a lot of time and not many people are patient enough to do that.

Example 2, when a user visit our fanpage in Facebook or Google+, he will click on the link in a post in these social sites, then he will come to an article in my site. After reading the article, if he wants to read other articles, he cannot press "back" button in his phone because it will lead him back to Facebook, or Google+. So he has to push "Home" menu item or other menu item in the menu, then press second time to the menu item he read before, then navigate other articles. That way, it takes him a lot of time so he probably get out of my site other than doing that.

So please think of the matter seriously to help me.

I also tried other sites and I still come back to the same category when I am reading an article of that category. So I think there must be a way to improve it.

Thank you and look forwards to hearing from you.

Hai

Hi

This is how it works and it's more of a browser think than template. Let's break it than Add this code to /layout/blocks/head.php

Code: Select all

<script type="text/javascript">(function($) {$(document).ready(function() {
$('#mobileMenu option').each(function(){
$(this).removeAttr('selected');
});
$('#mobileMenu').prepend('<option value="" selected="selected">- Select -</option>');
});})(jQuery)</script>


Hi Teitbite,

Can you tell me more clearly how to add the codes to the file. Where I will put the code to?

I added the code to some places but the site go to blank.

Thank you and regards,

Hai

Hi Teitbite,

I found a place to paste the code.

It is after:

if($this->API->get("css_prefixer", '0')) {
$this->API->addJS($this->API->URLtemplate() . '/js/prefixfree.js');
}

if($this->API->get('css_compression', '0') == 1 || $this->API->get('css_cache', '0') == 1) {
$this->cache->registerCache();
}

if($this->API->get('js_compression', '0') == 1 ) {
$this->cache->registerJSCompression();
}

?>

And before this:

<!--[if IE 9]>
<link rel="stylesheet" href="<?php echo $this->API->URLtemplate(); ?>/css/ie/ie9.css" type="text/css" />
<![endif]-->

<!--[if IE 8]>
<link rel="stylesheet" href="<?php echo $this->API->URLtemplate(); ?>/css/ie/ie8.css" type="text/css" />
<![endif]-->

<!--[if lte IE 7]>
<link rel="stylesheet" href="<?php echo $this->API->URLtemplate(); ?>/css/ie/ie7.css" type="text/css" />
<![endif]-->

And it works well now.

Thank you very much for your help

By the way, can you help me with issue in the topic?

https://www.gavick.com/forums/news2-joo ... view-50701

Hai

Hi Teitbite,

I can solve that issue above and delete that topic.

Thanks a lot.

Hai

Hi

Ok. Great to hear it. I'll just close the thread so maybe someone will use this solution in the future.