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
  • Views 280
  • Created
  • Last Reply
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.

About me: I'm Paul, a SQSP user for over 18 yrs and a Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL, providing high quality original extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is completely free. You can thank me by selecting a feedback emoji below. Buying a coffee is optional.

Book paid help with domains: Connect a GoDaddy domain. Connect a Squarespace Domain. Domain assistance

Link to comment

Archived

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.