Jump to content

Harris

Recommended Posts

Site URL: https://www.gsquaredprojects.com.au

First time using squarespace. 
Using harris template and website has been completed. 

I'm stuck with adding the correct code to change a couple of things. 

1) Header Menu on Laptop to appear in line (like the desktop version) 

2) Mobile banner get's cut off. Have tried multiple code lines found online but none work. 

Can someone assist with the correct code to add to change these? 

I've attached photos of the issues as well as the custom code currently assigned to the header - which works fine on all devices. 

 

LaptopMenu.png

MobileBannerCutOff.jpg

code.jpg

Link to comment
  • Replies 1
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

3 hours ago, spikar85 said:

I'm stuck with adding the correct code to change a couple of things. 

1) Header Menu on Laptop to appear in line (like the desktop version) 

This is due to a lack of space. The navigation will appear on a single line if you make some more space by reducing the size of the logo, the nav items or by removing the contact information. 

 

2) Mobile banner gets cut off. Have tried multiple code lines found online but none work. 

The banner image is deliberately cropped on mobile so that it appears full height without reducing the size of the image. If you use code to reduce the size, the text will be difficult to read on mobile devices and the image will lose impact. Rather than adding the text to the image before uploading it, a better solution is to upload the original banner image and then add the text with Squarespace, after the image has been loaded. If you do this, the text will be responsive and adjust to the smaller size of the device. It will also improve SEO and accessibility.

Improve your online store with our extensions.
About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

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.