WebsiteBaker Community Forum

WebsiteBaker Support (2.8.x) => Templates, Menus & Design => Topic started by: applepie on May 22, 2015, 10:48:56 AM

Title: Responsive-blue menu not showing correctly on iPhone
Post by: applepie 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

Title: Re: Responsive-blue menu not showing correctly on iPhone
Post by: applepie on May 26, 2015, 11:19:24 AM

No one has the problem or fixs?  :?

Title: Re: Responsive-blue menu not showing correctly on iPhone
Post by: dbs on May 26, 2015, 11:45:01 AM

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

Title: Re: Responsive-blue menu not showing correctly on iPhone
Post by: applepie on May 26, 2015, 04:29:53 PM

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?

Title: Re: Responsive-blue menu not showing correctly on iPhone
Post by: dbs 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.

Title: Re: Responsive-blue menu not showing correctly on iPhone
Post by: applepie on May 28, 2015, 03:19:54 PM

Quote from: dbs on May 26, 2015, 05:54:52 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?

Title: Re: Responsive-blue menu not showing correctly on iPhone
Post by: dbs on May 29, 2015, 08:47:37 AM

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

Title: Re: Responsive-blue menu not showing correctly on iPhone
Post by: fischstäbchenbrenner on May 29, 2015, 11:08:20 AM

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