Responsive-blue menu not showing correctly on iPhone

fischstäbchenbrenner

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

dbs

Have you tested?
What do you think why is the body in the mobile.css?
[url="https://onkel-franky.de"]https://onkel-franky.de[/url]

applepie

Quote from: dbs on May 26, 2015, 05:54:52 PM
2. style.css, below the normal css-code, insert:
@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

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
<!--<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:
@media screen and (max-width: 768px) {

 insert here all the content from mobiles.css

}


Hope it works.
[url="https://onkel-franky.de"]https://onkel-franky.de[/url]

applepie

Quote from: dbs on May 26, 2015, 11:45:01 AM
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

When page is loaded are the menu not mobile.
After choosing a menu-item it works.
[url="https://onkel-franky.de"]https://onkel-franky.de[/url]


applepie

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