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

UglyBich

Member
  • Content Count

    4
  • Joined

  • Last visited

  1. I'm realizing this is being caused by titles that extend into a second line, just not sure how to allow that as ideally 2-3 lines for titles is ideal for mobile
  2. The summary grid block doesn't allow you to have a two column layout on mobile easily and the gallery grid doesn't show descriptions. I'm trying to solve that issue for the summary block on my site if anyone knows a solution (or a way to show descriptions and wrapped titles for the gallery block):
  3. Hi all. I'm trying to get my gallery grid block to show two columns on mobile instead of stacking. I've used the CSS below to accomplish it but the grid is not aligning correctly on mobile wit the third item being bumped and white space in its place- screenshot attached (On tablet and desktop view it's also two columns wide but doesn't have the same issue). The page is here: https://ugly.wtf/new-page-1 I'm able to correct the problem using white-space: nowrap; but then my text obviously doesn't wrap as needed. Any help would be much appreciated. I'm very inexperienced with CSS. Thanks in advance, <style> @media only screen and (max-width: 640px) {.sqs-block-summary-v2 .summary-item { clear: none !important; width: calc(100%/2)!important; padding: 2px !important; } } </style>
  4. Hi all. I'm trying to get my gallery grid block to show two columns on mobile instead of stacking. I've used the CSS below to accomplish it but the grid is not aligning correctly on mobile wit the third item being bumped and white space in its place- screenshot attached (On tablet and desktop view it's also two columns wide but doesn't have the same issue). The page is here: https://ugly.wtf/new-page-1 I'm able to correct the problem using white-space: nowrap; but then my text obviously doesn't wrap as needed. Any help would be much appreciated. I'm very inexperienced with CSS. Thanks in advance, <style> @media only screen and (max-width: 640px) {.sqs-block-summary-v2 .summary-item { clear: none !important; width: calc(100%/2)!important; padding: 2px !important; } } </style>
×
×
  • Create New...