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

two column summary grid view on mobile issues


UglyBich

Recommended Posts

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>

 

Screen Shot 2019-11-24 at 10.38.07 AM.png

Link to comment
  • 10 months later...
  • Replies 3
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Hello I need two column summary grid view on mobile . check my website i need 2 member in team .

here my site link:- https://northshore.health/#founders-team     

 

Thanks

 

Hi ! I am Paramjeet kaur Top rated SquareSpace Web Designer and Web Developer with Blogs and SEO For Sites. Working Now As freelancer With lowest Rate. Rate $20 per hour.  Till date, I have created over 70 + websites in squarespace.  Contact Me    Email

Link to comment
11 hours ago, paramjeet.kour08 said:

Hello I need two column summary grid view on mobile . check my website i need 2 member in team .

here my site link:- https://northshore.health/#founders-team     

@tuanphan 

 

Thanks

 

about link leeds me to first banner. Can you take screenshot summary grid?

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
3 hours ago, tuanphan said:

about link leeds me to first banner. Can you take screenshot summary grid?

yes summary grid issue done.. i need when click on any  menu then go that page but page top area cut. can you please send me code for that. thank you

Hi ! I am Paramjeet kaur Top rated SquareSpace Web Designer and Web Developer with Blogs and SEO For Sites. Working Now As freelancer With lowest Rate. Rate $20 per hour.  Till date, I have created over 70 + websites in squarespace.  Contact Me    Email

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...