Full width Archive block

Hello,

I'm looking to make an archive block full width, but I can't make it work. When I watch the website on mobile, it's working fine, but not on full screen. What code should I had ? Thanks a lot !

Website here : https://cathy-trial.squarespace.com/fiches-conseils 

psswd : bonbon

On 5/14/2021 at 6:25 AM, tuanphan said:

Try adding to Design > Custom CSS

@media screen and (min-width:992px) {
div#block-yui_3_17_2_1_1619795667052_3975 .archive-group-list {
    -webkit-columns: 300px !important;
       -moz-columns: 300px !important;
            columns: 300px !important;
}
}

 

Worked absolutely fantastic !!! Thanks 

On 6/22/2021 at 12:06 AM, Erwan said:

Worked absolutely fantastic !!! Thanks 

Do you need fix these?

Site URL – https://cathy-trial.squarespace.com/le-cabinet

1. (Header) Reduce header width?

https://cathy-trial.squarespace.com/le-cabinet

2. (Mobile – Footer) “Conseils” in Fiches Conseils is cut to the next line. Make menu in 1 line?

https://cathy-trial.squarespace.com/

3. (Mobile – Menu) Increase space between lines?

4. (Mobile – Fiches conseils) Scroll bar at bottom of page

https://cathy-trial.squarespace.com/fiches-conseils

5. (Tablet – Header) Text is cut to the next line. Reduce text width?

https://cathy-trial.squarespace.com/