CSS Mobile Options

andonietech · November 2016

Hi Be Theme!

1. How to make the logo and header background most bigger only in mobile?

2. Remove menu option only in mobile?

3. How to make the letter of copyright and social menu buttom most smaller only in mobile?

Thanks for your help

https://quinielapicante.com/

Albert · November 2016

Hi,

1. To increase header size on mobile, please use the following css:

@media only screen and (max-width: 767px) {
    .mobile-header-mini #Top_bar #logo { height: 70px !important; }
    #Header_creative #Top_bar .logo #logo img { max-height: 70px !important; }

}

2. To remove mobile menu, please use:

#Header_creative #Top_bar .responsive-menu-toggle { display: none !important; }

3.

@media only screen and (max-width: 767px) {
    #Footer .footer_copy .copyright, #Footer .footer_copy { font-size: 10px !important; }
}

CSS Mobile Options

Comments