Wsparcie » Motywy » Pozycja elementu na urządzeniach mobilnych

  • Rozwiązano n3w.mod3l

    (@n3wmod3l)


    Witam serdecznie

    Mam mały problem z wyświetlaniem strony na urządzeniach mobilnych. Będę wdzięczny za wszelkie sugestie umożliwiające jego eliminację 😉

    Do brzegu:

    Umieściłem w poniższym szablonie link wyświetlający reklamy po pierwszym poście:

    http://goo.gl/qnEN3L

    W stylach dodałem:

    #reklama {
    	width: 87.5%;
            float: right;
            position: relative;
            top:25px;
            bottom:25px;
    }
    
    #adtaily {
            margin: 25px 0;
    }

    Dzięki temu reklamy zachowują właściwy odstęp między postami 1 i 2 w przeglądarce. Na urządzeniach mobilnych jednak powstaje duży odstęp (na górze oraz po lewej stronie powyższego div’a (http://www.responsinator.com/?url=http%3A%2F%2Fn3wmod3l.nazwa.pl%2Ftest%2F)

    Jakieś pomysły z czego to może wynikać? Z góry dziękuję za pomoc.

Viewing 1 replies (of 1 total)
  • Thread Starter n3w.mod3l

    (@n3wmod3l)

    Problem rozwiązany 🙂

    Pewnie nie idealnie ale rozwiązany. Nie kasuję pytania – może komuś przyda się odpowiedź.

    Powyższe zmienione na:

    #reklama {
    	width: 87.5%;
            float: right;
    }
    
    #adtaily {
            margin: 50px 0 0 0;
            box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    }

    Oraz dodane zastrzeżenie dla rozdzielczości poniżej 600px (szerokość):

    #reklama {
    		width: 100% !important;
    		float: none;
    		margin-left: 0;
                    margin-top:-50px;
    		box-shadow: none !important;
    		border-radius: 0 !important;
    		-moz-border-radius: 0;
    		-webkit-border-radius: 0;
    	}
Viewing 1 replies (of 1 total)
  • Temat ‘Pozycja elementu na urządzeniach mobilnych’ jest zamknięty na nowe odpowiedzi.