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?

This topic is: not resolved

Tagged: ,

This topic contains 4 replies, has 2 voices, and was last updated by Veena Veena 4 years, 4 months ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #15709
    Zetland
    Zetland
    Participant
    Post count: 33

    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
    Veena
    Veena
    Moderator
    Post count: 8167

    Can you pls share a link to your site?

    #15713
    Zetland
    Zetland
    Participant
    Post count: 33

    Sure, it can be found here: vocularapp.com

    #15720
    Zetland
    Zetland
    Participant
    Post count: 33

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

    #15733
    Veena
    Veena
    Moderator
    Post count: 8167

    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.