Trennlinie im Footer mittels Inline-CSS in der mobilen Ansicht ausblenden

Drcymbal

Hallo liebe Zeta-Nutzer,

in ZP 15.0.1.Business, Layout Top Responsive, nutze ich das Widget „Trennlinie“ im Footer, um die Kontaktangaben und allerlei anderes vom selbsterstellten Copyright ganz am Ende optisch zu trennen.

Um das alles in eine optisch ansprechende Form zu bringen, habe ich etwas Inline-CSS eingesetzt: margin-top: -XXpx (XX = unterschiedliche Pixelmaße für verschiedene Zeilen).

Das sieht am Desktop und auf dem Tablet gut aus, in der Smartphoneansicht überlagert die Trennlinie aber das Copyright, was wohl dem obigen CSS geschuldet ist.

Gibt es eine Möglichkeit, die Trennlinie mittels Inline-CSS in der Smartphoneansicht resp. ab einer gewissen Pixelbreite auszublenden?

Wie immer herzlichen Dank für Eure Hilfe und viele Grüße

Tom

Mario

Mit Inline-CSS geht das nicht. Aber mit CSS schon.

Gebe deiner Trennlinie die CSS.Klasse: trennfoot.

Einstellungen > CSS

Code

<style>
@media (max-width: 500px) {
.trennfoot{
display: none;
}}
</style>

Drcymbal

Hallo Mario,

herzlichen Dank und viele Grüße

Tom

Trennlinie im Footer mittels Inline-CSS in der mobilen Ansicht ausblenden

Jetzt mitmachen!

Hilfe zum Support-Forum

Wollen Sie eine professionelle Website erstellen?