l_o_t_u_s Posted June 15, 2020 Share Posted June 15, 2020 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. Link to comment
rwp Posted June 15, 2020 Share Posted June 15, 2020 (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 June 15, 2020 by rwp Link to comment
JustinSeimits Posted June 19, 2020 Share Posted June 19, 2020 @l_o_t_u_s this may help and if not let me know and I can do a dive into your site and get you the css you need to make this happen. https://support.squarespace.com/hc/en-us/articles/231746347-Styling-Products-Pages Link to comment
iamraag Posted January 9, 2021 Share Posted January 9, 2021 @l_o_t_u_s Did you find a solution? I need the css code to hide those lines on desktop/iPad Link to comment
tuanphan Posted January 10, 2021 Share Posted January 10, 2021 16 hours ago, iamraag said: @l_o_t_u_s Did you find a solution? I need the css code to hide those lines on desktop/iPad If you share site url, we can help easier Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
iamraag Posted January 14, 2021 Share Posted January 14, 2021 @tuanphan I figured it out actually 🙂 Thank you! Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment