Guide: Change Height of Fullscreen Cover

Last Updated: Jul 17, 2017
Note: These 'hacks' are done at your own risk and we are not able to provide support for them. Please do not use these unless you have some level of comfort with coding.

Usually the fullscreen cover will be 100% height of the viewport (browser window size), but you can modify it using some CSS:
 
.is-frontend #content .semplice-cover,
.is-frontend #content-holder .semplice-cover {
    height: 300px !important;
}

If you would like to modify the height only on mobile, you can use this code:

@media (max-width: 768px) {
.is-frontend #content .semplice-cover,
.is-frontend #content-holder .semplice-cover {
height: 300px !important;
}
}

You will also need to add the following code to make sure the scroll-down arrow doesn't overlap the menu on mobile:

#content .content-block .show-more,
#content .semplice-cover .show-more,
#content-holder .content-block .show-more,
#content-holder .semplice-cover .show-more {
    z-index: 18 !important;
}
17c96688a1a336f6040dd1b6149c3fa8@semplicelabs.desk-mail.com
http://assets0.desk.com/
false
desk
Loading
seconds ago
a minute ago
minutes ago
an hour ago
hours ago
a day ago
days ago
about
false
Invalid characters found
/customer/en/portal/articles/autocomplete