Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #606448

    Hi, is there any way to set a grid row to be 80% of the screen height on desktops? We want to use a rev slider in a grid row at the top of the homepage, but we dont want it to be full screen, we want to be able to see part of the next slide underneath. On tablets and mobiles however it should not be 80% it should be normal ratio. Many Thanks.

    #606459

    Hi mrlreynolds!

    Sure you can… Add a custom #ID to the grid row and the below css in enfold > General Styling > Quick CSS

    #eightyp {
    height:100%;
    max-height:80vh;
    }

    Regards,
    Vinay

    #606543

    Thanks Vinay, that doesnt seem to work, after the last 80 should it be vh? we changed it to % but that didnt work either. Thanks.

    #607066

    Hey!

    We would like to take a closer look at it please create a temporary user with ‘administrator’ role and share in private content with permission to deactivate all plugins and add custom code if necessary to help you resolve this issue.

    Regards,
    Vinay

    #607087

    Hi Vinay, ok thanks. so to recap we are trying to put a rev slider set to auto into a grid row set to 90% height of the screen on desktops (good if we could change this %) , so that no matter what size desktop screen or resolution the slide underneath always shows a little bit. On tablet and mobile it should not take this rule though, it should just be as normal, as we don’t want the slider filling most of the screen on these small devices. Thanks.

    #607549

    Hey!

    % value won’t work for height. You need to use a fixed value. Use this code:

    #eightyp .flex_cell_inner {
    height: 631px !important;
    }
    

    and adjust as needed.

    Cheers!
    Andy

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.