Smart Select Pushes Content Up


I don’t want Smart Select to push the content upwards.

<a class="item-link smart-select smart-select-init" 
    data-open-in="sheet" data-sheet-push="false">

Before Smart Select opens:

After opening:

I found a solution. SmartSelect adds a padding-bottom value to the .page-content element when opening. If we force this to 0 it will not push the content.

/* Prevents SmartSelect from pushing content as it opens. */
.no-push-content {
    padding-bottom: 0 !important;
<div class="page-content no-push-content">
1 Like