7.0 Brine / Sonora - How to make archive drop down appear on top of blog thumbnails instead of pushing page elements down?

Site URL: https://www.phlaff.org/festival/2021/film-guide

Hi everyone,

I have many tags that I would like to give my viewers the option to sort through, but when they open the archive drop down, the entire list pushes down all the page elements. I would rather the list open the same way a main navigation submenu 'hovers' over the other page elements. Anyone know a solution?

Thank you for your help.

21 hours ago, gbby said:

Site URL: https://www.phlaff.org/festival/2021/film-guide

Hi everyone,

I have many tags that I would like to give my viewers the option to sort through, but when they open the archive drop down, the entire list pushes down all the page elements. I would rather the list open the same way a main navigation submenu 'hovers' over the other page elements. Anyone know a solution?

Thank you for your help.

Try adding to Design > Custom CSS

/* Achieve block move down */
.archive-block-wrapper[open] ul {
    position: absolute;
    z-index: 999;
    background: #f2ebe3;
}

31 minutes ago, tuanphan said:

Try adding to Design > Custom CSS

/* Achieve block move down */
.archive-block-wrapper[open] ul {
    position: absolute;
    z-index: 999;
    background: #f2ebe3;
}

 

Hi, thanks for your suggestion! I think it's close but not quite there; the page elements aren't pushed down anymore, but the drop open appears to open behind the blog index now.