Adding 2 logos into the Navigation Header Squarespace 7.1

Site URL: https://icosahedron-recorder-88b2.squarespace.com/

Hi,

I am trying to add a logo on the left and on the right of the navigation, but I am unsure as to how to code it. Also, is there a way to make all the menu options appear in line instead of wrapping?

Site password: wSrNEW!2021

On 7/25/2021 at 9:47 PM, Angelique said:

Site URL: https://icosahedron-recorder-88b2.squarespace.com/

Hi,

I am trying to add a logo on the left and on the right of the navigation, but I am unsure as to how to code it. Also, is there a way to make all the menu options appear in line instead of wrapping?

 

Site password: wSrNEW!2021

To make nav one line, add this to Design > Custom CSS

/* nav one line */
nav.header-nav-list {
    flex-wrap: nowrap !important;
}

To add logo to right of header, do/will you use Personal or Business Plan? each plan will have a different solution.

I will be using a business Plan

22 hours ago, Angelique said:

I will be using a business Plan

Add to last Line in Code injection > Footer > Then save & reload the site

<script>
jQuery(document).ready(function($) {
	$('<img src="https://beaverhero.com/wp-content/uploads/2019/06/trees-3464777_640-min.jpg" width="100px"/>').appendTo(".header-actions.header-actions--right");
});
</script>

Hi  am having a bit of trouble still, how do I attach an image from the computer I am working on, an image icon appears when i try but reloading does not fix the issue

Thanks

On 8/1/2021 at 9:03 PM, Angelique said:

Hi  am having a bit of trouble still, how do I attach an image from the computer I am working on, an image icon appears when i try but reloading does not fix the issue

Thanks

 

Upload image to your site & replace above image url with your image url

See how to upload file https://support.squarespace.com/hc/en-us/articles/205813928-Uploading-and-managing-files