Tag archive drop-down menu pushes all page content down. How to fix this?

Hello! I am building a blog (no public url yet), and I want the viewer to be able to browse the entries by tag, however when I put an archive drop-down menu in the intro section of the blog's homepage (Brine/Mojave...so no sidebar), clicking on the dropdown menu brings up the ENTIRE list (instead of a small, scrollable list) and it pushes ALL the blog content down to the bottom of the list. How can I code this so that the list drops down OVER the content AND is shortened to allow for scrolling within the tag list?

Thanks!

Anyone?

You mean like this? (pass: abc) (just a quick demo on store page, you can do on blog, store, event..)

Kind...of? I want EVERY single blog tag to show up in the drop down list (100s of them), but not to push down all the other content, and also for the visible list to be short and scrollable (since it will long). Seems like the archive drop-down menu will only display around 20-30 tags, when I need them all to be visible.

Hi,

I used this code and it seems to work. You will have to adjust values to suit your needs, but I hope it helps!

.sqs-block-archive .archive-block-setting-layout-dropdown .archive-group-list{
         z-index: 2000;
         position: absolute;
         width:60%;
         background-color:rgba(236, 236, 236, 0.9);}

Hi vnx! Thanks for the tip!
I tried putting that in the custom css block, but it just stopped the drop down menu from displaying anything at all. Was I supposed to put the code somewhere else?

Thanks!

Do you still need help on this?

Yes, this function request is still unresolved.

@JI_N_YCHi, sorry for the late reply. It should be placed in Custom CSS. Not sure why it isn't working for you.  If we could somehow access your site, maybe that would help?

This is what it looks like on my site:

I'm looking for help on this too, please. The code above has stopped all of the content being pushed down which is great. However, I'd also like the list to be scrollable. At the moment it's only showing tags beginning with 'a' and 'b' because the list is so long. How can I shorten the number of tags which appear in the list at one time, and make the list scrollable so that users can view all tags. 

On 3/11/2021 at 7:25 PM, lydialsp said:

I'm looking for help on this too, please. The code above has stopped all of the content being pushed down which is great. However, I'd also like the list to be scrollable. At the moment it's only showing tags beginning with 'a' and 'b' because the list is so long. How can I shorten the number of tags which appear in the list at one time, and make the list scrollable so that users can view all tags. 

Hi. Can you share link? I think some custom CSS can handle this

Have emailed you, t hanks

On 11/14/2020 at 3:51 AM, tuanphan said:

You mean like this? (pass: abc) (just a quick demo on store page, you can do on blog, store, event..)

Hey tuanphan - does this example require custom css? I would like to add a similar filter/search to a store 

On 9/27/2021 at 2:54 AM, mheine said:

Hey tuanphan - does this example require custom css? I would like to add a similar filter/search to a store 

Hi. It requires CSS & Script code (need a Business Plan or higher).

Use this Filter Plugin. You can create filter features, support both Gallery Page, Portfolio Page, Blog Page, Product Page, Summary Blocks. 

You can also use it to add search, sorf by Price/Alphabetically,...

If you need a simpler filter feature, use this plugin.

and if you have no budget, you can message me, I can help you setup a simple filter feature (free).