Ankündigung

Einklappen
Keine Ankündigung bisher.

Letzte Beiträge

Einklappen

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:
    /* Begin 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 {    
        /*adjust the 110px height to fit your logo*/    
        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;
    }
    /* End 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!

Ähnliche Themen

Einklappen

Lädt...
X