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

how to add line between products for only mobile view

Recommended Posts

I would like to know the way to add a horizontal line between each products (STORE PAGE) for only mobile view.
Because the vertical gaps between products is not enough, It is not clear that which an image is belong to a caption on mobile view. (column is 1.)
So I want to add line between products to divide.

*I am using version 7.1

Thank you in advance.

Share this post


Link to post
Posted (edited)

Put the line in, and use css to hide the line above a certain screen width.

Or you could set the bottom border below a certain screen width.

 

Edited by rwp

If I replied to one of your questions with code, it was either CSS or jQuery.

To add CSS, go to Design -> Custom CSS

jQuery needs some additional steps. Head here: https://code.jquery.com/ and click on minified, under jQuery 3.x and copy that code into Squarespace.

After you put that code into the code injection section in Squarespace, you can add the code I supplied. The code from me will need <script> added before it and </script> added after it (only for jQuery).

There are two places that you can add the code, one is site wide (adds to all pages). Settings -> Advanced -> Code Injection

The other is for a specific page (adds to one page only). Pages -> Gear Icon next to the page -> Advanced

Share this post


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...