Logo area on mobile

moalosi · October 2015

Hi, please I need some assistance on the logo and logo area on the mobile.

1) How can I increase the logo slightly on mobile only

2) Secondly, how can I reduce white space below the the logo on mobile only(there is a huge white space between the logo and search bar on mobile).

Thanks for you assistance.

http://csrginstitute.org/

Albert · October 2015

Hi,

1) To increase logo size on mobile, please use below css:

@media only screen and (max-width: 479px) {
    #Top_bar .logo #logo { margin: 0 !important; }
    #Header a.responsive-menu-toggle { top: 50px !important; }
}

2) To reduce white space below logo on mobile, you must remove search bar on mobile devices only and this can be done with below css:

@media only screen and (max-width: 479px) {
    #Top_bar .top_bar_right { display: none !important; }
}

moalosi · October 2015

Works perfectly, thanks a lot.

Albert · October 2015

You're welcome

Logo area on mobile

Comments