Mobile

/*
Schaltet alle tags mit class=nonmobil aus
Durch die Code-Einfügung „Mobil“ wird es wieder an geschaltet und die tags mit class=mobil werden aus geschaltet
*/

*.mobile {
visibility: visible!important;
display: inline!important;
}

*.nonmobile {
visibility: hidden!important;
display: none!important;
}

/*
Diese Objekte werden ausgeschaltet, weil sie bei der Darstellung auf Mobilgeräten nicht passen.
*/

a.arche_floating_logo, #content.nosidebar .page .entry-header h1.entry-title, #content.fullwidth .page .entry-header h1.entry-title, a#mobile-menu-btn {
visibility: hidden!important;
display: none!important;
}

.header-image, #image-header, #header-image {
display: none;
visibility: hidden;
}

/*
Alle Schriftwarten werden eine nummer kleiner.
*/

.arche_text_caption_red, .arche_text_caption_grey {
font-size: small;
}

.arche_text_grey {
font-size: x-small;
}

.arche_text_grey_mini {
font-size: xx-small;
}

.arche_text_grey_bigfirst {
font-size: large;
}

.arche_text_grey_bold, .arche_text_grey_zitat_20 {
font-size: medium;

/*
Andere Korrekturen auf Mobilgeräten.
*/

div#site-title, #content.nosidebar {
margin-left: 1%!important;
}

#content.nosidebar .page, #content.fullwidth .page {
padding-top: 0!important;
margin-top: -1px!important;
}

#header, #main-wrap, #footer #site-info, #footer #footerwidget-wrap, .one-column #content.fullwidth {
padding-bottom: 0!important;
}

header#header {
width: 97%!important;
}

/*
Versuche, etwas zu verbessern
*/

.wpcol-last {
overflow: auto;
}

.dataTables_wrapper .tablepress {
font-size: x-small;
}

  • Veröffentlicht in: