MyBB.de Forum
Hilfe ! Mobiles Theme zerstört Listen - Druckversion

+- MyBB.de Forum (https://www.mybb.de/forum)
+-- Forum: Anpassungen (https://www.mybb.de/forum/forum-47.html)
+--- Forum: Theme-Diskussionen (https://www.mybb.de/forum/forum-84.html)
+--- Thema: Hilfe ! Mobiles Theme zerstört Listen (/thread-33967.html)

Seiten: Seiten: 1 2


RE: Hilfe ! Mobiles Theme zerstört Listen - falcao1010 - 29.11.2016

Zitat:Nicht wirklich. Da Du bereits Bootstrap eingebunden hast, steuerst Du dies via @Media Grössen.

Diese Aussage gilt vermutlich nicht für die Linkproblematik, oder?

Ich selbst habe Bootstrap nicht bewusst eingebunden. Hatte ich mal geplant, aber wieder verworfen, da ich das Mybb Go Mobile Plugin aktiviert habe. Evtl. ist Bootstrap im Mybb Go Mobile Plugin enthalten.


RE: Hilfe ! Mobiles Theme zerstört Listen - falcao1010 - 29.11.2016

(29.11.2016, 07:26)MrBrechreiz schrieb: Moin.

Versuch mal folgendes.

Suche in deiner global.css nach

Code:
@media screen and (max-width: 768px) {

und mach daraus dies

Code:
@media screen and (min-width: 320px) and (max-width: 1940px) {


Das habe ich genacht und auf dem Tablet sieht es jetzt gut aus! Super.

Nur die Links in den Listen sind noch durcheinander, dann kann an dieses Thema ein Haken :-)


RE: Hilfe ! Mobiles Theme zerstört Listen - MrBrechreiz - 29.11.2016

Dein Problem sind die Listenelemente. Ich Glaube wenn dies korrigiert ist, sollte es wieder funktionieren.

Momentan ist dies aus deinen Quelltext zu lesen:

Code:
<ul class="standard-list">
<li>.....</li>
<li>.....</li>
<ul class="standard-list">
<li>.....</li>
<li>.....</li>
</ul>
<li>.....</li>
<li>.....</li>
<li>.....</li>
<li>.....</li>
<li>.....</li>
<li>.....</li>
<li>.....</li>
<li>.....</li>
<ul class="standard-list">
<li>.....</li>
<li>.....</li>
</ul>
</ul>

Korrekterweise müsste es so sein:

Code:
<ul class="standard-list">
<li>.....</li>
<li>.....</li>
</ul>
<ul class="standard-list">
<li>.....</li>
<li>.....</li>
</ul>
<ul class="standard-list">
<li>.....</li>
<li>.....</li>
<li>.....</li>
<li>.....</li>
<li>.....</li>
<li>.....</li>
<li>.....</li>
<li>.....</li>
</ul>
<ul class="standard-list">
<li>.....</li>
<li>.....</li>
</ul>



RE: Hilfe ! Mobiles Theme zerstört Listen - falcao1010 - 29.11.2016

(29.11.2016, 16:29)MrBrechreiz schrieb: Dein Problem sind die Listenelemente. Ich Glaube wenn dies korrigiert ist, sollte es wieder funktionieren.

Momentan ist dies aus deinen Quelltext zu lesen:

Code:
<ul class="standard-list">
<li>.....</li>
<li>.....</li>
<ul class="standard-list">
<li>.....</li>
<li>.....</li>
</ul>
<li>.....</li>
<li>.....</li>
<li>.....</li>
<li>.....</li>
<li>.....</li>
<li>.....</li>
<li>.....</li>
<li>.....</li>
<ul class="standard-list">
<li>.....</li>
<li>.....</li>
</ul>
</ul>

Korrekterweise müsste es so sein:

Code:
<ul class="standard-list">
<li>.....</li>
<li>.....</li>
</ul>
<ul class="standard-list">
<li>.....</li>
<li>.....</li>
</ul>
<ul class="standard-list">
<li>.....</li>
<li>.....</li>
<li>.....</li>
<li>.....</li>
<li>.....</li>
<li>.....</li>
<li>.....</li>
<li>.....</li>
</ul>
<ul class="standard-list">
<li>.....</li>
<li>.....</li>
</ul>

Danke für deine Antwort, aber das glaube ich nicht. Denn schau mal in der unteren Liste - darin taucht das Problem bei den Links auch auf.

Ich denke, dass die Links in den Listen auf den eigenen Seiten mit den Listen-CSS formatiert werden, die eigentlich nur für die Navigation ist (dunkelblau usw), hier aber gar nicht passt.


RE: Hilfe ! Mobiles Theme zerstört Listen - MrBrechreiz - 29.11.2016

Dann schau dir mal an was der Markup Validator dazu sagt.

https://validator.w3.org/check?uri=http%3A%2F%2Fwww.kommunalforum.de%2Foeffentlicher_dienst_vorteile_nachteile.php&charset=%28detect+automatically%29&doctype=Inline&ss=1&outline=1&group=0&user-agent=W3C_Validator%2F1.3+http%3A%2F%2Fvalidator.w3.org%2Fservices#line-193