[Lloyd]

Hi,

I have a problem with my main and secondary menu. They show up fine on my laptop. But on a mobile phone and iPad they disappear. When I turn my iPad to a landscape view they re appear, how can I fix this? I am using catch box pro

Regards

Lloyd
http://www.gadgetfixxer.com

[Sakin]

@Lloyd: First you have disable responsive design from Theme Options panel. Also I see that you have modified theme. Like you have removed footer completely. So, can you let me know your customization. You can see menu work fine in our theme demo page at http://catchthemes.com/demo/catchbox-pro/

[eric]

I had the same problem, my website is goodsbuys.com.

The menu only show on landscape view.

I use Safari on iPad to visit http://catchthemes.com/demo/catchbox-pro/, menu only show on landscape view also….

However, if I use Chrome on iPad, menu shows on both view. Please check….

[Sakin]

@eric: In iPad, you will see Tinynav menu in Portrait view and Full Menu in landscape view. This is responsive design.

[eric]

Hello Sakin,

No Tinynav menu appears on Portrait view of Safari viewer in iPad. Please the picture on below link.

http://goodsbuys.com/wp-content/uploads/2015/05/Safari-in-iPad.jpg

For Chrome viewer, I can see the Tinynav menu. Please see below link.
http://goodsbuys.com/wp-content/uploads/2015/05/Chrome-in-iPad.jpg

[Sakin]

@eric: From which iPad are you checking in. As it’s showing fine when I check in from my iPad. Is yours iPad mini. Please send me more details. Here is screenshot from my iPad Safari https://dl.dropboxusercontent.com/u/81234910/goodsbuys.com-ipad-safari-portrait.PNG

[eric]

Hi Sakin,

my ipad model is a1396 (ipad 2 wifi+3g, 32gb.

8.3 (12f69) os

thanks,

Eric

[Sakin]

@eric: It’s strange. I am checking in from same Ipad. This is first time, we see that you are facing issue in iPad. Have you change any setting in your Ipad? Try checking that. Also reset your safari and clear you cache there and check in. If that doesn’t work then try adding following css in “Appearance => Theme Options => Custom CSS” box.

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) {
.tinynav { display: block; color: #fff; }
}

[eric]

Hello Sakin,

I tried but failed.

Anyway, I am happy it is only my iPad has this issue. Just close the case. I will let you know if I have other iPad has the same problem.

Have a good day.

[Author]

Posts