Okay
  Public Ticket #708928
Hero Height on smaller resolutions
Closed

Comments

  • Mathieu started the conversation
    March 18, 2016 at 8:46pm

    Hi,

    Is there a way to reduce the hero height for smaller resolution only (any screen under 480px width).

    At the moment on a smartphone it takes too much scrolling to get past the hero.


    Thanks !

  •  1,823
    Support replied
    March 20, 2016 at 4:13am

    You can do that in media queries for certain screen widths, but what's the hero type and the site url?You can also use  different hero heights from page options. thanks

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  •   Mathieu replied privately
  •  1,823
    Support replied
    March 21, 2016 at 7:14pm

    Insert into your desired media querries this:


    #hero {
        width: 70%!important;
    }


    Adjust your value as you wish.

    thanks

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  • Mathieu replied
    March 21, 2016 at 8:25pm

    Thanks for the quick support !

    I just added this to the custom css :

    @media only screen and (orientation : portrait) {
    #hero {
        height: 40%!important;
    }
    }


    Looking great now on all devices :)