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

Search the Community

Showing results for tags 'columns'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • Forum
    • News and Announcements
    • Getting Started With Squarespace
    • Coding and Customization
    • Commerce
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles
  • Colorado Designers's Topics
  • Squarespace Forum Club Guidelines's Topics
  • Austin, TX Designers's Club Discussion
  • New York City Designers's Club Discussion
  • Berlin Designers's Club Discussion
  • SEO Experts's Club Discussion
  • Photographers's Club Discussion
  • Graphic Designers's Topics
  • London Designers's Topics
  • Podcasters's Club Discussion
  • Custom Coding Help's Club Discussion
  • Atlanta, GA Designers's Topics
  • Seattle, WA Designers's Topics
  • San Diego, CA Designers's Topics
  • Dallas, TX Designers's Topics
  • Australia Designers's Club Discussion
  • Minnesota Designers's Topics
  • Minnesota Designers's Topics
  • Copywriters's Topics
  • France Designers 🇫🇷's Topics
  • France Designers 🇫🇷's Topics
  • Portland, OR Designers's Topics
  • Canadian Website Designers's Club Discussion
  • Los Angeles Designers & Devs's Club Discussion
  • South African Designers's Club Discussion
  • Brazil Designers's Club Discussion
  • Developers's Club Discussion

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start



About Me




Expert ID

  1. Site URL: https://yildizgoren.co.uk/series-1 Hello, the website I'm working on has a 2-column page but I can never get it to appear as I want it to on mobile. It lists all the items on the left first and then list the ones on the right column. I need it to show up as left to right flow so (1st left item > 1st right item > 2nd left item...). I would really appriciate your help.
  2. Site URL: https://www.lavito.co/home Hi Wizard! Can I please get some help with splitting the text blocks into two columns without affecting the first line. 'Lavito partners with ceramists and chefs to design a series of the art of presentation that is perfect for your home.' Many thanks! Kind Regards, Alex
  3. @media only screen and (max-width: 767px) { .products.collection-content-wrapper .list-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); grid-column-gap: 2vw; grid-row-gap: 4vw; padding: 0; } } On mobile view, the product grid will now show 2 columns instead of 1. You can change this to show more on mobile by changing "repeat(4,minmax(0,1fr))". If you turn your phone sideways and want 4 columns, you can adjust the max width for when the phone is sideways and create another css for when the phone is vertical.
  4. Site URL: https://www.gavindesantis.com/videonew Hello, I am trying to prevent the mobile layout from showing all 4 of my columns as 1 column with a bunch of rows. I have researched this on google and the Squarespace forums but I cannot find an exact solution for my website. I have played with margins, padding, and width percentages though I cannot get everything to align or resize properly. This is the new page I'm working on where I have the issue for mobile. https://www.gavindesantis.com/videonew The code I'm working with, which was a header injection is below. <
  5. Site URL: https://www.endofanear.com/ Good evening! On mobile, how can I make the images/buttons on my front page stack 2x2 on mobile? Here's a crude image of what I want on mobile: Thanks! 🦌
  6. Hey as the title says. i have been trying to get my portfolio front page to show my projektes in 2 columns. i made it so fare, but now the title seem to not want to follow the image. + the text is to big now so i need to make it a bit smaller to. The projekt is made with overlay on and i think what is the problem. Any help?? /* 2 Column Portfolio Grid */ @media only screen and (max-width:640px) { .portfolio-grid-overlay { display: flex; flex-wrap: wrap; justify-content: space-between; } .portfolio-grid-overlay .grid-item { width: 40%; } } .tweak-portf
  7. Site URL: http://araraswim.nl Hello all, I would like the mobile version of my website to have two columns on the product pages instead of one. How could I do this? thank you very much in advance.
  8. Hi there. Can someone please help me change the mobile version of my services page into two columns instead of one long one? The images + texts are just stacked on top of each other and I need them to look more like the desktop version.
  9. Site URL: http://www.precisionlandscaping.squarespace.com I realize this should be simple as I have looked at and tried several other solutions, but none of them have worked. So, I'm apparently missing something simple, it would seem. As per attached, I have 3 columns. The first column has 2 text blocks, the center is a photo that fills the length of the 2 text blocks. The third is also 2 text blocks like the first column. On mobile, I want to switch the 1st and 2nd columns so that the photo occurs first, followed by the 4 text blocks (order of text blocks not important). I ha
  10. Hello everyone. Can anyone please help me with the code to make our product column 5? We currently have 4. Thank you in advance. Best regards, K https://ptphotography.squarespace.com/destination
  11. Hello! On my website, I have a photography section, and I have the images in 3 column view, but whenever I look at the page on mobile, it makes it a 2 column view. How can I make it a 3 column view on mobile? Thanks!
  12. Site URL: http://daisyedwardsaudio.com All of my site is stacking as expected on tablet view & smaller browser windows, except one section on my home page where the image and text stay side by side. This means the image remains small and square on the left hand side with a lot of blank space below it, while the longer text is extended down the right hand side column alongside the blank space. It was stacking fine until I made some other unrelated text edits to the same page, is there a solution I can use to force stack these items when on iPad/reduced width screens? Thanks!
  13. Site URL: https://www.tras.hu/shop/leaiijacket Hi Guys, I'd like to have 2 columns - instead of one - grid images on my product page (Stacked) such as on H&M Could you please someone help me out with the custom CSS? My website: https://www.tras.hu/shop/leaiijacket pass: tras23 Many Many thanks!
  14. Site URL: https://www.beautyamidsttheashes.com/hope2020 I have code blocks for circle img hover containers under "General Session Speakers". For whatever reason, the code blocks will not align in two columns no matter how I move around my layout and blocks. I've used spacer blocks to create columns to no avail. I've modified my CSS as much as possible and change the image sizes as well. nothing it working. they continually align in a vertical line rather than side by side. When in the editor of the section, the align perfect. When I save my edits and refresh the page, they stack vertically i
  15. Hi Tuanphan & Paul, I wondered if either or you could help me with making my clients project page display a 1 image column instead of two. https://cbhd-dev-9ac7.squarespace.com/the-getaway-collection PW: New-Dev! Any help would be hugely appreciated. Thanks
  16. Site URL: https://www.torrancesolutions.com/nonprofit-consulting-services I need some help in setting the length of three text columns to all have the same length whatever the screen resolution size i.e. responsive across different screen sizes - desktop/tablet/mobile. I have tried using @media for different screen sizes and using the height:??vh command for each but this is almost impossible to set and test across so many screen sizes as each screen size needs its own height:??vh setting! I think Flexbot is the answer but I don't know how to write the code. Can someone help? Wi
  17. Site URL: http://www.pennywatson.com.au/ Hello I am setting up a new site using the Merida template. On the homepage I have different summaries for different sections with different blog posts. This all looks perfect on desktop, but the column set-up is all messy on mobile. I want it to just be simple, an image above text. So one blog post taking up one mobile column. The first two sections here have the problem... Travel - I am happy to have the arrow slider, but I just want one column to show at once, not two Eat & Drink - It has a small image to the left of th
  18. Hi all, I'm using the Paloma template for my website gohoopday.com. If you scroll down to the sixth fold, you'll see tons of logos. On mobile, these stack (1 per row), which isn't very mobile-friendly. I am trying to get 2 or 3 per row for mobile. On a previous site with a different template, I used a formula similar to the ones listed in the link below, but on this template it's not registering. https://forum.squarespace.com/topic/64554-create-more-than-2-columns-in-mobile-for-grid-gallery/ I've tinkered around and tried this, but it only pushes the logos to the left rathe
  19. Site URL: https://coyote-scarlet-6z7t.squarespace.com/config/design Hi, I'm working with Mojave template. on the career page I have vertical images running beside 2of text. on mobile view the image remains super large making very long with all the text align to to left running vertically. how can I keep the text in 2 columns, maybe reducing the image a bit centred on the page? or is there a way to keep the 3 columns together (image + 2 columns) https://coyote-scarlet-6z7t.squarespace.com/config/design Thank you
  20. Site URL: https://tangerine-iguana-kwg3.squarespace.com/ Hello there, I'm attempting to add vertical lines to certain sections within my site, however it's proving difficult to do so. Anyone can help with custom coding on this one? I found some codes online, however the height of the vertical line doesn't follow the height of the block/ column upon scaling to different screen sizes. Ideally it would meet the horizontal lines above / below it or at the least have a consistent spacing in between them. Would love to see if there is a solution to this. Site URL: https://tangerine
  21. Site URL: https://corn-apricot-zn88.squarespace.com/ Hello - My boss doesn't like the 3 columns I have on our project pages. Basically I just wrote code to make it read 3 columns, but because of the way the text works and the colors/style I custom added, the main text floats beneath the "data set on on the far left" depending on the width of the window. Is there any way to make it so there is ONE left column and then a separate block to the right that has 2 columns? The only way I can think of it may be to move everything via block ID#, but I have over 75 project pages and that see
  22. Site URL: https://www.dezendezen.com/scrunchies Hello there, On the desktop version of my site I have elements in two (or more) columns, but on the mobile version they are shown in only one. For exemple in this page: https://www.dezendezen.com/scrunchies You can see that the products are in two columns but not the images and text. I would love to see two columns of elements in the mobile view of my website the same way it is with the product view. (I have two columns product because I add a CSS code) Anyone can help?
  23. I created 2 rows for 2 text blocks which looks fine on desktop, but on mobile the text is to far apart and it creates linebreaks. How can i reduce the spacing between the 2 text blocks? I need a css code to work on multiple pages like this I used this CSS code to create the rows: @media screen and (max-width:640px) { .sqs-row .row { display: flex; p{font-size:0.8rem!important} width: 100% !important; } }
  24. Site URL: https://www.casegoods.in/ Good morning, password to reach the site : CaseGoods_C3 I'm trying my best to make a landing page with a relatively complex layout (with the help of spacers that would work well on all devices (screen, tablet, phone) but I'm not very happy of a few texts columns that are nice and wide on the screen version but become to narrow on the tablet version. The phone version automatically resize everything for the screen width so no issues with that version mostly. Therefore I would like to try making the tablet version exactly like the phone version
  25. Site URL: http://www.jochemmessmer.com Hi guys, I'm new to Squarespace (and this forum), but really happy with the platform so far! I'm trying to change the spacing/padding between my columns on my homepage. I would like the exact spacing as on this example site: https://shmody.xyz. There's way less space then on my site: http://jochemmessmer.com. How can I change this? CSS Injection? Thanks!! Jochem
  • Create New...