Home Forums Free Themes Academic Mobile Version

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #51851
    jennymess99
    Participant

    How do I get the logo and top bar to show up on the mobile versions? Without having to press the burger menu or the arrow on the right?

    Thanks
    Jen

    #51860
    wensolutions
    Keymaster

    Hello @jennymess99,

    To get the site logo and top bar to show up on the mobile version,without having to press the burger menu, please paste the following custom CSS in your Admin Dashboard > Appearance > Customize > Additional CSS :

    @media screen and (max-width: 992px) {
        #masthead {
            display: block;
        }
        .main-navigation,
        .topbar-toggle {
            display: none;
        }
        .site-branding.align-left .site-logo,
        .site-branding.align-left #site-header,
        .site-branding.align-right #site-header {
            float: none;
            display: inline-block;
            vertical-align: middle;
        }
        .site-branding {
            float: none;
            text-align: center;
        }
        #top-bar .topbar-dropdown {
            position: relative;
            right: 0;
            top: 0;
            background-color: #F7FCFE ;
        }
        #top-bar {
            padding: 0;
        }
        #top-bar .address-block li,
        #top-bar .address-block li a,
        #top-bar .login-signup a,
        #top-bar .login-signup li:last-child:before,
        #top-bar .address-block .fa {
            color: #777;
        }
    }

    This will display the site logo in mobile version without having to trigger through with hamburger menu.

    Hope this Helps,

    Best Regards !!

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.