Jump to content

Images not displaying horizontally on mobile

Go to solution Solved by Ziggy,

Recommended Posts

Hello!

I am having an issue on my website where images are not displaying as desired. 

On my homepage, I have a section that displays 3 images horizontally when viewing from desktop. However, when you view the homepage from a mobile device, the images are stacked vertically and it does not look as appealing, nor as I would like.

I have seen similar posts to this on the forum but none of the code worked for me (maybe I was not using it correctly).

Any suggestions would be helpful. Thank you!

Site: https://www.collegemoneyhabits.com/

Edited by Collegemoneyhabits
Correction
Link to comment
  • Solution

You have the three logos set up as individual images, it's much easier to control them to be in one row if they are in a gallery block with some simple CSS.

Alternatively, you could use a fluid engine section for this section which allows you to edit the desktop and mobile layout unlike the classic editor, no code needed.

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment
6 hours ago, Collegemoneyhabits said:

Thank you! I tried again using the "logo wall" and then switched to the fluid engine section to make things work

Nice one, looks great!

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

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

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.