Fusion Mobile header to gap too big

Support Forums for LiveMesh Themes & Plugins Forums Fusion Theme Support Fusion Mobile header to gap too big

This topic is: not resolved

This topic contains 9 replies, has 2 voices, and was last updated by Hashimakhtar hashimakhtar 1 year, 7 months ago.

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #27465
    Hashimakhtar
    hashimakhtar
    Participant
    Post count: 24

    Hi

    I have an issue where the header on the mobile is too big and the download button is missing but working on PC browser.

    Attachments:
    #27470
    Veena
    Veena
    Moderator
    Post count: 8167

    Pls remove the below custom CSS –

    h1 {
        font-size: 1000px;
        line-height: 64px;
    }
    
    #27494
    Hashimakhtar
    hashimakhtar
    Participant
    Post count: 24

    Thats looks better. Couple of issue still remain the download button is still missing and how can we lock the bar so it looks more like the attached on mobile.

    Thankyiu

    Attachments:
    #27501
    Veena
    Veena
    Moderator
    Post count: 8167

    Pls use the below custom CSS –

    @media only screen and (max-width: 767px)
    {
    #sidebar-header .button {
        display: block;
        top: 10px;
        right: 0;
    }}
    

    how can we lock the bar so it looks more like the attached on mobile. – Which bar exactly? Can you pls clarify?

    #27508
    Hashimakhtar
    hashimakhtar
    Participant
    Post count: 24

    Ive updated the code but the top bar still disappears when scrolling down. Also the top bar is still to big so where do we change the top bar dimensions are same as allo. on mobile version.

    #27510
    Veena
    Veena
    Moderator
    Post count: 8167
    @media only screen and (max-width: 767px)
    {
    #header.sticky {
        display: block !important;
    }}
    

    Pls use the above custom CSS . And i dont see any difference in mobile header and normal header as dimensions looks same.

    #27514
    Hashimakhtar
    hashimakhtar
    Participant
    Post count: 24

    The gap needs reducing on mobile only without affecting the website site. If you go on mobile view it locked but changes sizes.

    http://www.operty.com

    #27528
    Veena
    Veena
    Moderator
    Post count: 8167

    Pls use the below custom CSS –

    #header.sticky #site-logo {
        top: 0;
    }
    #header.sticky #sidebar-header .button {
        top: 10px;
    }
    
    #30501
    Hashimakhtar
    hashimakhtar
    Participant
    Post count: 24

    How do we make this work for mobile im trying to achieve the following see attached.

    Attachments:
    #30507
    Hashimakhtar
    hashimakhtar
    Participant
    Post count: 24

    Pls use the below custom CSS –

    #header.sticky #site-logo {
        top: 0;
    }
    #header.sticky #sidebar-header .button {
        top: 10px;
    }
    

    This has not worked i have added this in the custon.css

Viewing 10 posts - 1 through 10 (of 10 total)

The topic ‘Fusion Mobile header to gap too big’ is closed to new replies.