Okay
  Public Ticket #1713394
white header space above page content on mobile
Closed

Comments

  • Ralacademy2018 started the conversation

    I cannot figure out why or how to get rid of this white spacing...please help

  •  1,447
    Qode replied

    Hello, 

    Sorry for a late reply. 

    This is the mobile header and it's displayed by default on screens <1000px. 

    You can make it transparent and move the content up by adding the following code into Qode Options -> General -> Custom CSS field: 

    @media only screen and (max-width: 1000px) {
    .home .header_bottom {
        background-color: transparent !important;
    }
    .home .wrapper_inner .content {
        margin-top: -100px !important;
    }
    }
    

    Or you could simply remove the entire mobile header from this page using the following CSS: 

    @media only screen and (max-width: 1000px) {
    .home header {
        display: none;
    }
    }
    

    The result should be: 

    https://monosnap.com/file/MiQzQdMss5EQ4iLoK9tTp0rgmxF88R

    Best regards, 

    Ian

    * The new and improved Online Bridge Documentation is live. Check it out now - http://bridge.qodeinteractive.com/

    * You can also check our articles with useful tips and suggestions

    Best Regards,

    Qode

  • Ralacademy2018 replied

    That worked, resolved!

  •  1,447
    Qode replied

    We are glad to hear it. 

    Hope you’re happy with our theme and our support services. If you’d like to help us make them even better and more efficient, please visit the following link: http://themeforest.net/downloads and simply leave a five star rating next to our theme’s name. Thanks. 

    Best regards, 

    Ian

    * The new and improved Online Bridge Documentation is live. Check it out now - http://bridge.qodeinteractive.com/

    * You can also check our articles with useful tips and suggestions

    Best Regards,

    Qode