menu mobilne nie rozwija się w iOS w safari

euphoria-art

Avatar: euphoria-art

2015-03-31 09:03

hej, mam problem tak jak w temacie, w 'chrome' na androidzie jest ok, natomiast w iPhone 5 w przeglądarce 'Safari' nie rozwija się menu z zakładkami które utworzyłem dla wersji mobilnej,
podaje kod:

 @media screen and (max-width:800px){
#header .menu-1 {position:absolute;padding:5px 2.5%;right:0%;top:0px;z-index:150;}
#header .menu-1 ul {padding:0;overflow:hidden;height:100%;margin:0;margin-top:12px;list-style:none;height:36px;width:46px;background: url(img/menu-mobile.png) top right no-repeat rgba(255, 255, 255, 0.8);display:block;cursor:pointer;border-left:none;}
#header .menu-1 ul:hover {display:block;width:155px;height:auto;padding-right:57px;}
#header .menu-1 li {float:left;padding:0;clear:both;width:100%;margin:0;display:none;}
#header .menu-1 ul:hover li {display:block;}
#header .menu-1 li a {float:left;width:100%;height:35px;padding:14px 0 0 10px;margin:0;font-size:18px;color:#000;background:inherit;}
} 



Tutaj jest podgląd - http://www.responsinator.com/?url=http%3A%2F%2Fobrazyolejne.cba.pl%2F

W czym może być problem?

» Quick.Cms v6.x

marcin_k

Avatar: marcin_k

2015-03-31 09:44

Pozycz od znajomego iphone 5 i sprawdz na nim menu. Tego typu testery czasami potrafia niezle wprowadzic w maliny. To tak z doswiadczenia.

euphoria-art

Avatar: euphoria-art

2015-03-31 09:52

na moim v5 menu się wyświetla lecz nie reaguje na dotyk, jeśli ktoś z forum ma iPhona 5 lub 6 będę wdzięczny jeśli przetestuje stronę http://obrazyolejne.cba.pl/ w przeglądarce "safari" a dokładnie przycisk (3 poziome paski w prawym górnym rogu w menu1).

euphoria-art

Avatar: euphoria-art

2015-03-31 11:28

u znajomego to samo, coś jest z kodem nie tak pod Safari.

euphoria-art

Avatar: euphoria-art

2015-03-31 11:54

Temat zamknięty, po dograniu jquery.mobile.custom.min.js we wszystkich przeglądarkach jest ok.

Do góry
o nas | kontakt