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

Pricing list on mobile


ilonapoutanen

Question

  • Answers 5
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

try @media only screen and (max-width: 768px) { #block-yui_3_17_2_1_1615548428851_10657 + .sqs-row .sqs-col-2 { width: 25% !important; float: left !important; } #block-yui_3_17_2_1_

It worked first but then I removed some spacers and now it doesn't work anymore.

5 answers to this question

Recommended Posts

  • 0
1 hour ago, ilonapoutanen said:

Site URL: https://www.lindakovasin.com/fine-art-printit

I have a pricing list on my clients site. How can I keep the same styling and structure on mobile too? There should be size and price next to each other. 

try


@media only screen and (max-width: 768px) {
  #block-yui_3_17_2_1_1615548428851_10657 + .sqs-row .sqs-col-2 {
    width: 25% !important;
    float: left !important;
  }
  #block-yui_3_17_2_1_1615548428851_10657 + .sqs-row .sqs-col-4 {
    width: 25% !important;
    float: left !important;
  }
  #block-yui_3_17_2_1_1615548428851_10657 + .sqs-row .sqs-col-4 .spacer-block {
   display: block;
  }
}

 

Greeting, it's BaNgan from BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Animated Heading Block
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to post
  • 0
9 hours ago, ilonapoutanen said:

It worked first but then I removed some spacers and now it doesn't work anymore.

Because the css is based on the spacer to select the row that contains the price list, when you remove them then it make the code invalid

Greeting, it's BaNgan from BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Animated Heading Block
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to post
  • 0
On 3/16/2021 at 11:46 PM, ilonapoutanen said:

It worked first but then I removed some spacers and now it doesn't work anymore.

Do you still need help? We will check again.

Link to post

Create an account or sign in to comment

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


×
×
  • Create New...