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
    • Selling & Scheduling Your Services
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles
    • Resources
  • 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
  • German Circle Members's Topics

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://www.hemastyles.com/ I've tried all the codes available online but can't seem to get it to work. I want my products or the earrings page on mobile site to display two columns of products instead of being stacked. Thank you.
  2. Site URL: https://bit.ly/3aWR8tp I am using 7.1 with the new design upgrade including gridded sections. I have a page that I want to add (5) side-by-side buttons, and they are each 3 grid blocks wide by 1 tall. The grid only seems to allow for an equal number of columns, so aligning my buttons starting from the center of the grid is impossible, and reducing each button down to 2x1 also isn't possible due to font size (don't want to make smaller.) Additionally, making 4x1 is too big. Does anyone know how to adjust the number of columns for a grid? Currently only seeing how to adjust number of rows.
  3. I have used a code to create two columns for my header menu file dropdown. But I only want the first folder to have two columns - services+conditions. The rest I would like to keep one column. Does anyone have a code for this? I am using Impact theme. Thanks! This is the code I used: .Header-inner--top .Header-nav-folder { column-gap : 1rem; display : grid; grid-template-columns : 1fr 1fr; }
  4. Site URL: https://chartreuse-violet-mhck.squarespace.com/ I am looking to adjust the number of columns that a gallery block will display on mobile. The default is 2 and I cannot seem to figure out a way to have it display as 3. On the about page, at the bottom is a grid of X's and O's where I am testing this. It will ultimately be a logo parade. Any assistance would be appreciated. Ideally this code would be set by block ID rather than something that applies to the entire site.
  5. Site URL: http://www.jessicamiller.work How can I reorder the testimonial section on the homepage for mobile so that it's image/text/image/text? I have tried the code below, but I don't think it's working because I have spacers on either side of the testimonial. The 2nd testimonial is what I want to switch on mobile, but the column layout is space/text/image/space. Is there a way to reorder the columns so that it's space/image/text/space? Thanks //Reverse block order on mobile [data-section-id] { .content-wrapper { padding-top: 0!important; } @media screen and (max-width: 767px) { .sqs-row { display: flex; flex-direction: column-reverse; } } }
  6. Site URL: http://www.calhadaway.com Hey guys, I am using the Avenue template and wanting to make the auto columns minimum amount from 1 to 2. So currently in mobile view it is a single column for the index page. But I would love 2 columns for it (But keep the wide screen view as 3 culumns. Example of what I want. https://alvarobeamudcortes.com/ Thank you so much!
  7. Site URL: https://selwyngoodman.co How can I have my portfolio pages as 1 column instead of two, is their any way I can do this, possibly with a custom code? Thank you!
  8. 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 with all blocks rearranged one after another to see if it's visually better. I tried messing a little bit the "mobile breakpoint" parameter in the Site Styles but it only affects the Header, not the content of the page. Attached images of the current 3 versions of the landing page. Is there a simple way to make this trial via the custom CSS ? I'm working with the Brine template.
  9. I would like to have three columns in my form, under "Coffee Shop Supplied", so that users can input information for multiple roasts within one form submission. For example: Roastery Name * Coffee Shop Supplied * Column One. Column Two. Column Three. 1. Roast Name 2. Roast Name 3. Roast Name 1. Origin(s) 2. Origin(s) 3. Origin(s) 1. Process(es) 2. Process(es) 3. Process(es) 1. Notes 2. Notes 3. Notes How do i do this?
  10. Site URL: http://leard.co.uk/ I have a 7.0 squarespace site but I'm currently putting together a new 7.1 site using the Gates template. The default is to have 3 columns, but I want 4, but when I change it to 4, there's a thin line running down the centre (image attached), even though the spacing is set to 0. Anyone know why it's doing that?
  11. Site URL: https://derrickfagan.squarespace.com/ Hi I have been working on this website for sometime now and I am done with basically everything but I have been having this issue with resizing especially for tablets. The second one is a screenshot of how it looks on my ipad, and the first is a screenshot of the mobile look. The Ipad (tablet) version does not stack the columns; it still loads the desktop version with only the hamburger menu. Please how can I get the tablet version to load the mobile version exactly? I can provide log in details if necessary. Thank you. Kind regards.
  12. Site URL: http://www.anjain.in Hey Guys so my homepage is pretty, but i want to insert a two collumn system after the initial shop now. The single collumn seems extremely block ish in mobile view specifically. Please help!
  13. Hi All! I'm using portfolio page with Grid: Simple layout for my client's site. Trying to basically create something to replace a product page -as we can't start e-commerce now but I still need products designated pages-. I'd like to increase the column number to 5 or 6 but couldn't find a way to do so as the max number is 4. Is there a way to do so? Thanks a lot! Bike
  14. Hello, is it possible to add an additional column to the Fluid Engine grid? I would like to have three 1:1 aspect ratio square text blocks on this page, but I can't center the middle one, and with one space between each text block I'm left with a misaligned layout. I'm open to any solutions you guys might have for this, and thank you for your help!
  15. Site URL: http://alextreadway.co.uk Is there any way to run one of the images in the Flatiron grid across more than one column? So that I can emphasise one or two by making them bigger. I'm guessing this is not possible that easily, is there any way? For example the 'Trekking Beyond' image in attached pic. I'd love to be able to do this! Thanks.
  16. Site URL: https://kanaconsult.com/ Hi there, Hoping someone can help. I have four logos in the footer of my clients' site and would like to right align them. See attached screenshot. In mobile view, I'd also like to have them in 2 or 3 columns (as on 2nd attachment) Been trying to find a solution to no avail. URL is https://kanaconsult.com/ Many thanks!
  17. Site URL: https://yilinwong.com/cinematography Hi, Im trying to make a page with video project thumbnails in one column that fills up up the entire width of the web screen. The title of the project would show once hovered over. Attached is the cinematography page that I'm trying to apply this format to, how could this be done? Thanks in advance!
  18. Site URL: https://drum-chimes-lbjg.squarespace.com/ pw: racaia Hi! I've tried a few methods to make these columns side-by-side but I can't figure out the classes and divs in 7.1. I'd like these link columns to show up side-by-side in mobile.
  19. Site URL: http://eddysummers.com.au I've been working on my site thus far in Desktop mode. I created some galleries whereby the columns are 3 across. I noted on Mobile when viewing these galleries it's actually displaying then as 2 columns. I had a tinker about but could not understand or see a way to make a gallery display a certain amount of columns for when viewing on desktop vs viewing on mobile. In my instance Mobile would make more sense to just reduce the columns from 3 across to just one (so that the viewer swipes up or down to pan through the images etc). I'm guessing to resolve this some coding might be needed?
  20. Site URL: https://www.dixon-inc.com/ When viewing columns I coded in a text block, the two columns aren't aligned horizontally. The second column is a tad higher. I have inputted code for columns and custom bullets. When removing the bullets from the columns, they align perfectly fine. Its the custom bullets that are making the text unaligned. Please help!
  21. Is there no tablet view with fluid engine? How are we supposed to design for this format? Good lord.
  22. Hi, I have a section on the homepage of a website I am working on with 3 columns, created with fluid engine. I am trying to force the 3 columns to 1 colums on tablet portrait mode (for mobile screen it does it automatically), but so far no luck. If it would be possible to force the whole site instead of 1 section on a page, even better. I tried this code: @media screen and (max-width:1024px) and (min-width:750px) { [data-section-id="62e128679b13b7022c5d2826"] .content { width: 100% !important; } } and this one: @media screen and (max-width:1000px) { #collection-5dc4a4cd714889457f7615c2 div>.row>.col { width: 100% !important; } } Thanks for any help.
  23. Site URL: https://www.dobneyfoundry.com/decorativecastings/decorativetrenchgrates I have several pages with multiple projects under each. An example is "Decorative Casting" page with 5 projects, each that include several images. Cast Bollards Decorative Trench Grates Tree Grate Frames Tree Grates Miscellaneous For the sake of my question, we'll focus on Decorative Trench Grates. On desktop, the image blocks naturally read left to right, however, on mobile, the image blocks read in columns, starting with the left, top to bottom and so on. Is there code I can implement or another solution to ensure that on mobile, the images show up as they appear on desktop from left to right? Link to page here: https://www.dobneyfoundry.com/decorativecastings/decorativetrenchgrates
  24. Site URL: https://carasmanagement.com/caras Would it be possible to have a 3 column view of a gallery page only for mobile/cellphone instead of just 2 columns, without affecting the view on the website? EX 3 column view: (SEE ON MOBILE) https://www.premiermodelmanagement.com/women/image/ Thank you.
  25. Site URL: https://www.jaci-cruz.com/ Hello. I am trying to make my portfolio grid go to two columns on mobile view rather than stack. I've got the two columns but can't get rid of the large gap in between rows. here's my code /* 2 Column Portfolio Grid */ @media only screen and (max-width:640px) { .portfolio-grid-overlay { display: inline-flex; flex-wrap: wrap; justify-content: space-around; } .portfolio-grid-overlay .grid-item { width: 40%; } }
  • Create New...