Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

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


JI_N_YC

Question

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!

Edited by JI_N_YC
Link to post
  • Answers 11
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

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-li

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 show

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

Posted Images

11 answers to this question

Recommended Posts

  • 0

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.

Link to post
  • 0

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);}

Link to post
  • 0

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!

Link to post
  • 0

@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:

dropdown menu.png

Link to post
  • 0

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. 

Link to post
  • 0
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

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...