How do you get the archive block to go over content instead of pushing it down?

Is there a way to prevent the dropdown menu (archive block) from pushing the below content down? I'd like for the below content to stay static with the menu going over top of the photos.

Can you share link to page in screenshot?

https://alicia-leigh-photo.squarespace.com/blog

Password: alp

It seems to be the way 7.1 is designed for a drop down Archive block to work. 7.0 puts the open block over any page content, 7.1 pushes the page content down when the block is in a section or on a page with other blocks. Possibly one of the coders here can come up with a way to modify that. 

@tuanphan this worked! Thank you 🙂

@tuanphan Do you know how to force multiply accordion blocks to reveal when one is opened? These are 6 separate accordion blocks and when one is opened the one beside it expands but doesn't reveal the question. I either want it to reveal or not move at all.

Here is the website link: https://kara-friedman.squarespace.com/services

Password: kara

On 9/22/2022 at 11:26 PM, emmyv711 said:

@tuanphan Do you know how to force multiply accordion blocks to reveal when one is opened? These are 6 separate accordion blocks and when one is opened the one beside it expands but doesn't reveal the question. I either want it to reveal or not move at all.

 

Here is the website link: https://kara-friedman.squarespace.com/services

Password: kara

 

I think it is bug. You try reporting this to Squarespace Customer Care.

Recently someone reported the similar problem on Fluid Engine

@tuanphan

Hi!

I tried this code on my blog and it only shows my first list item. Any thoughts? Is it because the archive list is in a different section?

Thanks!

@tuanphan

Hi!

I tried this code on my blog and it only shows my first list item. Any thoughts? Is it because the archive list is in a different section?

Thanks!

here is the link to the site page. https://www.dirigibledesigns.com/blog

On 12/22/2022 at 6:15 AM, melanie.schlossberg said:

here is the link to the site page. https://www.dirigibledesigns.com/blog

Add z-index to the code

ul.archive-group-list {
    position: absolute;
    top: 60px;
    background-color: #faf9f7;
    z-index: 9999;
}

On 9/10/2022 at 1:06 PM, tuanphan said:

Add to Design > Custom CSS

ul.archive-group-list {
    position: absolute;
    top: 60px;
    background-color: #faf9f7;
}

 

Hi @tuanphan I tried this on a Brine site and works well but sits just under the top of the summary block.  https://renfield-centre.squarespace.com/rooms/category/200   PW renfield  Is there also code to centre the archive block drop down? Thanks again, Pete

On 2/14/2023 at 3:31 AM, pelanderson said:

Hi @tuanphan I tried this on a Brine site and works well but sits just under the top of the summary block.  https://renfield-centre.squarespace.com/rooms/category/200   PW renfield  Is there also code to centre the archive block drop down? Thanks again, Pete

 

Add to Design > Custom CSS

section.Intro {
    overflow: visible;
}
ul.archive-group-list {
    position: absolute;
    top: 60px;
    background-color: #faf9f7;
    z-index: 9999;
    left: 50%;
    transform: translateX(-50%);
}

6 hours ago, tuanphan said:

Add to Design > Custom CSS

section.Intro {
    overflow: visible;
}
ul.archive-group-list {
    position: absolute;
    top: 60px;
    background-color: #faf9f7;
    z-index: 9999;
    left: 50%;
    transform: translateX(-50%);
}

 

Brilliant, thanks so much. May I ask another question?  How do I centre blog posts? eg if there are rows of 4 posts then the last row has just 3 posts? Or if there is just one post?

On 2/16/2023 at 3:34 PM, pelanderson said:

Brilliant, thanks so much. May I ask another question?  How do I centre blog posts? eg if there are rows of 4 posts then the last row has just 3 posts? Or if there is just one post?

Hi,

I see 2 posts only, no way to check this. If you can add 4 posts, I can check easier

renfield

https://renfield-centre.squarespace.com/rooms/category/200

1 hour ago, tuanphan said:

Hi,

I see 2 posts only, no way to check this. If you can add 4 posts, I can check easier

renfield

https://renfield-centre.squarespace.com/rooms/category/200

Hi, I managed to add code to centre posts but even on the category with 2 posts can see they are slightly to the left. This category has 4 posts: https://renfield-centre.squarespace.com/rooms/category/50 

This summary block containing 11 posts centred are also slightly to the left https://renfield-centre.squarespace.com/all

Hello, a few weeks ago I used the code below that was mentioned above to bring the drop down categories to the front, which worked, but now it's stopped working. It's cutting off. https://www.checklistlegal.com/blog 

Can someone help a newbie like me? 

ul.archive-group-list {

    position: absolute;

    top: 60px;

    background-color: #faf9f7;

}

On 2/23/2023 at 5:30 AM, BronwynChecklist said:

Hello, a few weeks ago I used the code below that was mentioned above to bring the drop down categories to the front, which worked, but now it's stopped working. It's cutting off. https://www.checklistlegal.com/blog 

Can someone help a newbie like me? 

 

ul.archive-group-list {

    position: absolute;

    top: 60px;

    background-color: #faf9f7;

}

Add to Design > Custom CSS

[data-section-id="63c76e11ee16613a56e308b2"] {
    z-index: 10 !important;
}

On 2/21/2023 at 4:57 PM, pelanderson said:

Hi, I managed to add code to centre posts but even on the category with 2 posts can see they are slightly to the left. This category has 4 posts: https://renfield-centre.squarespace.com/rooms/category/50 

This summary block containing 11 posts centred are also slightly to the left https://renfield-centre.squarespace.com/all

You want to center this item?

On 2/26/2023 at 2:26 AM, tuanphan said:

You want to center this item?

Hi, yes, aiming to properly center the posts on the category page

On 9/9/2022 at 6:27 PM, derricksrandomviews said:

It seems to be the way 7.1 is designed for a drop down Archive block to work. 7.0 puts the open block over any page content, 7.1 pushes the page content down when the block is in a section or on a page with other blocks. Possibly one of the coders here can come up with a way to modify that. 

 

Hi Derrick - Do you know if this is going to be fixed anytime soon? It's weird that it was designed this way in 7.1. And that it requires a user to be on the Business plan to fix it with custom code @.@ 

Does anyone know if there is a work around while being on the Personal Plan? Some of my clients who have this are on the Personal plan only..

This code snippet works in custom CSS and doesn't require a business plan, all plans can use it. Just copy and paste it into design/ custom CSS window. I don't know why in some templates the archive block pushes content down the page, It never has in Avenue. It has something to do with page sections I suspect. 

section.Intro {
    overflow: visible;
}
ul.archive-group-list {
    position: absolute;
    top: 60px;
    background-color: #faf9f7;
    z-index: 9999;
    left: 50%;
    transform: translateX(-50%);
}

Oh amazing, thank you! I was under the impression Custom CSS was part of the business plan - thanks for clarifying.

How can I push the text to the left? And also wondering why it only shows 1 category? is it because there is only 1 article within that 1 category? 

Here's the website I'm speaking about - https://theprofitstrategist.squarespace.com/blog
pw: profitqueen (all small letters)

Also is there a way to change the search icon and the "search"/text when the user types in the search bar to a lighter color so it's visible on the dark bg?

Thanks:)

If you only have one category and one blog entry with that category it will be the only one that shows up. You can test the positioning and display of the block by choosing to filter by month. 

And yes you can modify the search:

https://insidethesquare.co/squarespace-tutorials/search-results