Author Topic: Responsive-blue menu not showing correctly on iPhone  (Read 6143 times)

Offline applepie

  • Posts: 432
Responsive-blue menu not showing correctly on iPhone
« on: May 22, 2015, 10:48:56 AM »
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

Offline applepie

  • Posts: 432
Re: Responsive-blue menu not showing correctly on iPhone
« Reply #1 on: May 26, 2015, 11:19:24 AM »
No one has the problem or fixs?  :?

Offline dbs

  • Betatester
  • **
  • Posts: 8646
  • Gender: Male
  • tioz4ever
    • WebsiteBaker - jQuery-Plugins - Module - Droplets - Tests
Re: Responsive-blue menu not showing correctly on iPhone
« Reply #2 on: May 26, 2015, 11:45:01 AM »
When page is loaded are the menu not mobile.
After choosing a menu-item it works.

Offline applepie

  • Posts: 432
Re: Responsive-blue menu not showing correctly on iPhone
« Reply #3 on: May 26, 2015, 04:29:53 PM »
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?

Offline dbs

  • Betatester
  • **
  • Posts: 8646
  • Gender: Male
  • tioz4ever
    • WebsiteBaker - jQuery-Plugins - Module - Droplets - Tests
Re: Responsive-blue menu not showing correctly on iPhone
« Reply #4 on: May 26, 2015, 05:54:52 PM »
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.

Offline applepie

  • Posts: 432
Re: Responsive-blue menu not showing correctly on iPhone
« Reply #5 on: May 28, 2015, 03:19:54 PM »
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?

Offline dbs

  • Betatester
  • **
  • Posts: 8646
  • Gender: Male
  • tioz4ever
    • WebsiteBaker - jQuery-Plugins - Module - Droplets - Tests
Re: Responsive-blue menu not showing correctly on iPhone
« Reply #6 on: May 29, 2015, 08:47:37 AM »
Have you tested?
What do you think why is the body in the mobile.css?

fischstäbchenbrenner

  • Guest
Re: Responsive-blue menu not showing correctly on iPhone
« Reply #7 on: May 29, 2015, 11:08:20 AM »
In the current version of this template there is NO mobile.css anymore.

 

postern-length