Jump to content

Adjusting elements for each browser size

Recommended Posts

Site URL: http://www.openingopus.com


I am struggling to adjust the image size and layout for each browser size and would like some help.

Home page (https://www.openingopus.com/english) and contact page banner (https://www.openingopus.com/contact-en): I would like the clef logo to be smaller and on the left in mobile view like how it is for desktop view but it seems to fill up the banner and centre itself. 

Also, the 3 images at the bottom of the homepage (https://www.openingopus.com/english) is side-by-side rather than stacked for tablet view and is breaking up the words oddly. How can I set this up so that the images are stacked and the words do not break up as such?

Thank you in advance!

Screen Shot 2020-05-23 at 3.11.17 AM.png

Screen Shot 2020-05-23 at 3.11.29 AM.png

Screen Shot 2020-05-23 at 3.11.36 AM.png

Link to comment
  • Replies 0
  • Created
  • Last Reply


This topic is now archived and is closed to further replies.

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