CSS Mobile Options

andonietech

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

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; }
}

Learn more: Video Tutorials | How To | FAQ Vote on what comes next