-
Posts
-
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.
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,
VinayThanks Vinay, that doesnt seem to work, after the last 80 should it be vh? we changed it to % but that didnt work either. Thanks.
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,
VinayHi 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.
- You must be logged in to reply to this topic.