Webboard

Pełna wersja: Wyświetlanie obrazka z nagłówka na urządzeniu mobilnym
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
Witam,

Korzystam z responsywnego stylu i mam problem z wyświetlaniem obrazka w nagłówku na urządzeniach mobilnych. Na pc wszystko wyświetla się prawidłowo.
Urządzenie mobilne nie wyświetla obrazka z linijki
Kod:
<img src="{$mybb->settings['bburl']}/images/bigben/santa.png">


Na urządzeniu mobilnym nie pojawia się nic z tego elementu, nawet jeśli to tekst. Wszystko co znajduje się niżej jest wyświetlane zarówno na pc i urządzeniu mobilnym.
Co mam zrobić, by urządzenie mobilne wyświetliło ten element lub jak ustawić kod by obrazek i tekst znajdował się w nagłówku z prawidłowym pozycjonowaniem?

Oto cały kod mojego header.

Kod:
<a name="top" id="top"></a>
<div class="header">
<div class="wrapper">
<div class="menu menu1">
<ul>
<li id="nav_home"><a href="{$mybb->settings['bburl']}/index.php">Home</a></li>
{$menu_search}
{$menu_memberlist}
</ul>
</div>
<div class="logotype">
<a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="Logotyp Forum - {$mybb->settings['bbname']}" ></a>
</div>
<div class="menu menu2">
<ul>
{$welcomeblock}
</ul>
</div>
<div style="clear:both;"></div>
</div>

</div>

<div class="fsect">
<div class="fsectshadow">
<div class="wrapper">
<div class="fsectmain">
<div class="announce">
<div class="annicon">
<img src="{$mybb->settings['bburl']}/images/bigben/santa.png">
</div>
<div class="anninfo">
<div class="annname">
<font color="darkorange">Test test</font>
</div>
<div class="annmoreinfo">
Test11
<br> Test1 </br>
</div>
</div>
<div style="clear:both;"></div>
</div>
</div>
</div>
</div>
</div>
<div style="clear:both;"></div>





<navigation>
<div id="Maincont">
<div class="wrapper">
{$pm_notice}
{$bannedwarning}
{$bbclosedwarning}
{$unreadreports}
{$pending_joinrequests}
{$awaitingusers}


<br />
Podaj adres forum.
Na razie tworzę na forum testowym pod adresem

http://puzzletest.cba.pl/
Na samym dole arkusza global.css dodaj:
Kod:
@media screen and (max-width:984px) {
.annicon {
  display: block;
  width: 100%;
}
.annicon img {
  max-width: 100%;
}
}
Dziękuję ;)