Ankündigung

Einklappen
Keine Ankündigung bisher.

Center Logo on mobile-view

Einklappen
X
Einklappen
Momentan aktive Benutzer in diesem Thema: 1 (0 Benutzer und 1 Gäste)
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

    Center Logo on mobile-view


    Insert the following css in your css_additional.css template to center your logo in mobile-view. Currently the toolbar in the mobile version completely hides and therefore not at all used. Nevertheless, this is in the mobile version with 70% of the headers occupied (attention with ad banners in the header -> was not tested by me). We can hide them in the mobile view and make the logo larger and more central instead. As a demo you can watch this forum on a smartphone: vBulletin5 Mobile Logo Center Put the following code into your css_additional.css template:
    Code:
    /* Beginn Header Mobile*/ .l-small #header .site-logo {     margin: auto auto auto auto !important;     display: flex !important;     padding-bottom:0px; } .l-small #header .site-logo a {     margin-left: auto;     margin-right: auto;     margin-bottom: 10px; } .l-small #header .site-logo img {     /*die 110px einfach anpassen wie es bei eurem Logo am besten passt*/     max-height:110px !important; } .l-small #header .toolbar, .l-small #header .disable-overlay {     display: none; } .l-small .header-cell {     width:100%; } .l-small #header .toolbar {     width:10px; } /* Ende Header Mobile*/
    Your logo is already shown center and larger in smartphone view . Please adjust the size of the image for the logo you are using by changing the 110px to an appropriate value.
    It`s nice to be important but it`s more important to be nice!
Lädt...
X