SOLVED Selectbox menu changes to Panel menu on iPhone4
-
-
- Bold New Media
- Rocketeer
- Posts: 80
- Thanks: 0
-
Hello,
I have a client with a Joomla site that has a custom theme developed in Gantry (currently running 4.1.12).
In Gantry's settings, the Responsive Menu option is set to "Selectbox" and on an iPhone5 and an iPad, this is what is displayed. However, when viewing the same site on an iPhone4, the menu changes to the Panel menu.
Is there an obvious reason for this to occur? The client hates the Panel menu (& so do I) and wants the Selectbox but I have no idea why I see the correct menu type on the iPhone5 but not on the iPhone4. Unfortunately the client only has an iPhone4 so they are fixated on this problem despite me insisting the problem isn't there on the iPhone5.
Any help or pointers would be greatly appreciated.
Many thanks... - Last Edit: 10 years 11 months ago by Bold New Media.
-
-
-
- Reggie Simmons
- Preeminent Rocketeer
- Posts: 5200
- Thanks: 530
-
Hello,
Would you mind testing this issue out on a fresh instance of the Gantry Template? If you can confirm this issue is also present on a fresh instance, we can ticket it and hopefully get it resolved.
4.1.13 was also released today. - Kind regards,
Reggie
Learn to code for free.
www.freecodecamp.org
-
-
-
- Bold New Media
- Rocketeer
- Posts: 80
- Thanks: 0
-
Hi Reggie,
Thanks for the reply.
I have installed a clean copy of the Gantry Rocket Launcher and the menu works fine on both the iPhone5 & iPhone4. So the problem must be specific to my site/template.
What I can't understand is why do I see the panel menu on the iPhone4 but the Selectbox menu on the iPhone5?
I am using some custom CSS to hide the menu icon/pill in the top left of the screen and force the Selectbox to display on first load. I got the code from a post by Henning: www.rockettheme.com/forum/index.php?f=67..._v=viewtopic#p926221
If it was a CSS problem though, I would expect the issue to be the same on both phones. Also, I have noticed that the Panel menu shows on the iPhone4 on first load but if I refresh the page a 2nd time, the menu changes to the Selectbox.
I have dumped caches (both phone and site) and tried multiple devices but the result is the same. I have updated Gantry to 4.1.13 and Joomla is 3.1.5 so everything is up to date.
This has me stumped so if you have any other ideas, I'm listening.
Thanks.
-
-
-
- Reggie Simmons
- Preeminent Rocketeer
- Posts: 5200
- Thanks: 530
-
Hello,
Unfortunately, I don't have any solutions for this issue. Try retracing your steps while selectively adjusting your code to see what may have caused the issue. You can do this through a backup of your site on a sub-folder or localhost. - Kind regards,
Reggie
Learn to code for free.
www.freecodecamp.org
-
-
-
- Bold New Media
- Rocketeer
- Posts: 80
- Thanks: 0
-
Hi,
Thanks but I had already done that before posting the problem here. In fact, I have another site that uses the same custom theme: www.dubbomidstate.com.au
This site doesn't have the problem with the panel menu despite all code being identical. The only difference between the two sites is content but the menu is controlled by Gantry so I doubt content could be the cause.
This issue is driving me crazy. The client is in my face about it and I have turned the site inside out looking for the cause without luck.
Thanks for looking anyhow...
-
-
-
- Reggie Simmons
- Preeminent Rocketeer
- Posts: 5200
- Thanks: 530
-
Hello,
Is the Gantry Theme version the same also? The theme has a separate version than the framework.
When comparing your source code I noticed a plugin that is utilized in this site:
www.goulburnsouthcp.com.au/
and not in the other. JCE Media Box. Can you try disabling that plugin to see if that helps any? - Kind regards,
Reggie
Learn to code for free.
www.freecodecamp.org
-
-
-
- Bold New Media
- Rocketeer
- Posts: 80
- Thanks: 0
-
Ahhh... Reggie, you are the man!
Looks like JCE MediaBox was the problem. I've disabled that plugin, cleared caches, and now the Selectbox menu appears to be working as it should.
Thanks so much for taking another look.
-
-
-
- Reggie Simmons
- Preeminent Rocketeer
- Posts: 5200
- Thanks: 530
-
Yay!
Glad to help! - Kind regards,
Reggie
Learn to code for free.
www.freecodecamp.org
-
-
-
- Chris Casconi
- Jr. Rocketeer
- Posts: 43
- Thanks: 0
-
Where can I find the custom CSS to hide the menu button on a mobile display? I'd like for the selectbox menu to show by default.
The below link does not work for me.
I am using some custom CSS to hide the menu icon/pill in the top left of the screen and force the Selectbox to display on first load. I got the code from a post by Henning: index.php?f=677&t=185710&p=915757&hilit=selectbox%20hidden&rb_v=viewtopic#p926221
-
-
-
- Reggie Simmons
- Preeminent Rocketeer
- Posts: 5200
- Thanks: 530
-
@Christ
In the /templates/[TEMPLATE]/css/ directory create a file called [TEMPLATE]-custom.css.
Add the following code to that file:
.gf-menu-toggle { display: none !important; }
That will remove the icon menu. - Kind regards,
Reggie
Learn to code for free.
www.freecodecamp.org
-
Time to create page: 0.050 seconds