How to resize the header for mobile devices without changing it for desktop?

Support Forums for LiveMesh Themes & Plugins Forums Appdev Theme Support How to resize the header for mobile devices without changing it for desktop?

Tagged: ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #15709
    ZetlandZetland
    Participant

    I’m currently trying to resize the mobile version of my header so that the logo and the menu button line up. However, I don’t want to resize it on the desktop version of my site – it’s already perfect for that. How can I shrink it for mobile devices, while keeping it the same for desktop computers?

    #15712
    VeenaVeena
    Moderator

    Can you pls share a link to your site?

    #15713
    ZetlandZetland
    Participant

    Sure, it can be found here: vocularapp.com

    #15720
    ZetlandZetland
    Participant

    I’d also like to know how to remove the social media buttons for mobile phones, if you can show me that? Thanks!

    #15733
    VeenaVeena
    Moderator

    Pls use the below custom CSS in themeoptions –

    @media only screen and (max-width: 479px){
    #header .social-container {
        display: none;
    }
    #site-logo {
        top: 20px;
    }
    #mobile-menu-toggle {
        top: 20px;
    }}
    
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.