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

brndnr92

Member
  • Posts

    3
  • Joined

  • Last visited

  1. Or, is it possible to keep the desktop version under the 'blog masonry' layout and keep the mobile version as the 'blog basic grid' layout with two columns. I've attempted to do that as well with this: #collection-5f302214b38b953003774a45 { @media only screen and (max-width:640px) { .blog-basic-grid { display: grid; grid-template-columns: repeat(2, 1fr)!important;} } }
  2. @RyanDejaegher this worked! Thanks a ton. If I went with the masonry blog layout would the CSS be somewhat similar? @media only screen and (max-width:640px) { .blog-masonry{ display: grid; grid-template-columns: repeat(2, 1fr);} } I tried that and it seems like two columns were created with the masonry layout, however all the content is only in the column to the left while the right column remains empty.
  3. Site URL: https://octagon-helix-65yc.squarespace.com/ Hey all. I've been playing around with the Brower template for a blog. On my desktop, when I choose the basic grid blog layout or the masonry blog layout it lets you adjust the number of columns and displays it accurately on the desktop but not on mobile. Is there a way to jump into CSS and change this for mobile? So far I've tried this for 3 columns: @media only screen and (max-width: 640px) { .blog-basic-grid { grid-template-columns: repeat(3,minmax(0,1fr)) !important; } } This hasn't been working however. Also I guess I would also be looking for custom css to make this work for the masonry blog layout on mobileas well. Any help ius much appreciated. Thank you! Password for the site is: bran
×
×
  • Create New...