Responsive-blue menu not showing correctly on iPhone

[apple]

Hi, the horizontal menu on Responsive-blue template does not collapse on iPhone. In another word, all my menu items are showing. It is fine on andriod phone. Can anyone tell me what is the fix for that please? Thanks

[apple]

No one has the problem or fixs? 

[dbs]

When page is loaded are the menu not mobile.
After choosing a menu-item it works.

[apple]

When page is loaded are the menu not mobile.

Everything else seems to be working fine so far. On andriod phone is fine. The menu is collapsed. Only on iPhone all the menu items are showing. Does anyone else come across the problem and what is the fixs?

[dbs]

Without loading mobile.css and inserting the content of mobile.css in a media query in style.css could helps.

1. index.php of the template, line 55, comment out

Code: [Select]

<!--<link rel="stylesheet" media="screen and (max-width: 768px)" href="<?php echo TEMPLATE_DIR; ?>/mobiles.css" />-->
2. style.css, below the normal css-code, insert:

Code: [Select]

@media screen and (max-width: 768px) {

  insert here all the content from mobiles.css

}
Hope it works.

[apple]

2. style.css, below the normal css-code, insert:

Code: [Select]

@media screen and (max-width: 768px) {
 insert here all the content from mobiles.css
}

Hi, there is also body tag in the style.css already. Inserting another CSS body tag for mobile will they not conflict?

[dbs]

Have you tested?
What do you think why is the body in the mobile.css?

[fischstäbchenbrenner]

In the current version of this template there is NO mobile.css anymore.