Harris

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. 

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.