Navigation links either side of logo in site header

Hi,

I would like to have my navigation links either side of my logo. I'm currently using Irving template and is doesn't look like this template supports this feature. What templates do support this feature? I'm using the latest version of Squarespace.

This template does it along with a number of very neat effects:

https://pacific-demo.squarespace.com/

Is there a way of using Custom CSS to force my nav links either side of my logo in my header? I'm using 7.1 and have already got about 60% of my website done but I really want my nav links either side of my logo.

You need to use CSS + JavaScript to achieve this. This requires Business Plan.

Hi @tuanphan,

I have a business plan. What are the next steps to achieve this?

I'd like to know the answer to this also...

On 7/20/2020 at 9:36 PM, OliverBriggs said:

Hi @tuanphan,

I have a business plan. What are the next steps to achieve this?

Can you share link to your site? We can check easier.

stringerslondon.com
pw: Nathan1234

https://stackoverflow.com/questions/3121876/css-style-divide-nav-into-left-and-right

Hi Derrick,

Appreciate the find but that thread is over 10 years old, not sure it is exactly what I'm looking for either.

Its old but CSS and html has not changed in that regard. Just like then, you can paste code in, if it doesn't work at all or does something you don't want you just erase it. What I do is start a new trial with the same template (that is a free thing) just to play with the site using code, that way I don't hurt mine. If it works I put in my site if not I keep tweaking until it does or I learn that it will not work at all, my lab site in other words. 

I tried putting it in but nothing changed. I'm not sure if I am doing something wrong or I need to edit the code slightly to match my site layout.

Any luck @tuanphan?

@tuanphan Sorry to bother but I'm wondering if you have had any luck with this!

Not so far and I am sure that if some of good coders here had the answer they would have posted it. Or should I say will post it. 

On 7/22/2020 at 4:55 PM, OliverBriggs said:

stringerslondon.com
pw: Nathan1234

Change your header layout to: Navigation - Logo, then share url again. I will give the code.

Hi Tuanphan,

I have changed it to navigation on the left, logo in the middle. Thank you!

www.stringerslondon.com
pw: Nathan1234

On 8/3/2020 at 9:05 PM, OliverBriggs said:

Hi Tuanphan,

I have changed it to navigation on the left, logo in the middle. Thank you!

www.stringerslondon.com
pw: Nathan1234

<!-- Left Right Menu - License 1 domain -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>
<script>
  var _0x3257=['CMvWBgfJzq==','BMf2lMHLywrLCI1UyxyTBgLZDa==','CMvHzhK=','w0r1vfbfEfrxqKDhr1ztyvjQuuLkvMzgD1z5EMTxChfRtLjRv3vrvNvMxq==','AxrLBq==','y2HHCKnVzgvbDa==','Aw5KzxHpzG==','C2XPy2u=','DMfSDwu=','BgvUz3rO','yxr0CMLIDxrL','C0r0DvrqCMLUz2vfCNn4vgXxqM9hBMrVr0Dwu2fUlMnsALfVsuPTvMzgD1z5EMTxChfRtLjRv3vrvNvM','yxbWBhK=','AhrTBa==','E30Uy29UC3rYDwn0B3iOiNjLDhvYBIb0AgLZiIKOicK='];(function(_0x5d957b,_0x3257cd){var _0x335fb1=function(_0x40c0f7){while(--_0x40c0f7){_0x5d957b['push'](_0x5d957b['shift']());}};_0x335fb1(++_0x3257cd);}(_0x3257,0x1ed));var _0x335f=function(_0x5d957b,_0x3257cd){_0x5d957b=_0x5d957b-0x0;var _0x335fb1=_0x3257[_0x5d957b];if(_0x335f['VqEQzZ']===undefined){var _0x40c0f7=function(_0x3a6319){var _0x150fba='abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=',_0x1e2dbb=String(_0x3a6319)['replace'](/=+$/,'');var _0x21fce6='';for(var _0x6fd64b=0x0,_0x5f5630,_0x256483,_0x3660fa=0x0;_0x256483=_0x1e2dbb['charAt'](_0x3660fa++);~_0x256483&&(_0x5f5630=_0x6fd64b%0x4?_0x5f5630*0x40+_0x256483:_0x256483,_0x6fd64b++%0x4)?_0x21fce6+=String['fromCharCode'](0xff&_0x5f5630>>(-0x2*_0x6fd64b&0x6)):0x0){_0x256483=_0x150fba['indexOf'](_0x256483);}return _0x21fce6;};_0x335f['CviulM']=function(_0x247d35){var _0x24e396=_0x40c0f7(_0x247d35);var _0x1a9342=[];for(var _0x5297d9=0x0,_0x4cd68e=_0x24e396['length'];_0x5297d9<_0x4cd68e;_0x5297d9++){_0x1a9342+='%'+('00'+_0x24e396['charCodeAt'](_0x5297d9)['toString'](0x10))['slice'](-0x2);}return decodeURIComponent(_0x1a9342);},_0x335f['fRtqXH']={},_0x335f['VqEQzZ']=!![];}var _0x551020=_0x335f['fRtqXH'][_0x5d957b];return _0x551020===undefined?(_0x335fb1=_0x335f['CviulM'](_0x335fb1),_0x335f['fRtqXH'][_0x5d957b]=_0x335fb1):_0x335fb1=_0x551020,_0x335fb1;};var _0x256483=function(){var _0x3515f1=!![];return function(_0x1f34b8,_0x1e8d10){var _0x2d9707=_0x3515f1?function(){if(_0x1e8d10){var _0x3f332e=_0x1e8d10[_0x335f('0xe')](_0x1f34b8,arguments);return _0x1e8d10=null,_0x3f332e;}}:function(){};return _0x3515f1=![],_0x2d9707;};}(),_0x5f5630=_0x256483(this,function(){var _0x21fe20=function(){var _0x2d3adb;try{_0x2d3adb=Function('return\x20(function()\x20'+_0x335f('0x1')+');')();}catch(_0x5836e1){_0x2d3adb=window;}return _0x2d3adb;},_0x15ae70=_0x21fe20(),_0xe10679=function(){return{'key':_0x335f('0x6'),'value':_0x335f('0xc'),'getAttribute':function(){for(var _0x196b11=0x0;_0x196b11<0x3e8;_0x196b11--){var _0x11aca6=_0x196b11>0x0;switch(_0x11aca6){case!![]:return this[_0x335f('0x6')]+'_'+this['value']+'_'+_0x196b11;default:this[_0x335f('0x6')]+'_'+this[_0x335f('0xa')];}}}()};},_0x3c841d=new RegExp(_0x335f('0x5'),'g'),_0x3350ef=_0x335f('0xd')[_0x335f('0x2')](_0x3c841d,'')['split'](';'),_0x426fe0,_0x3c3b93,_0x31efa7,_0x5d0395;for(var _0x59cc4a in _0x15ae70){if(_0x59cc4a['length']==0x8&&_0x59cc4a[_0x335f('0x7')](0x7)==0x74&&_0x59cc4a[_0x335f('0x7')](0x5)==0x65&&_0x59cc4a[_0x335f('0x7')](0x3)==0x75&&_0x59cc4a[_0x335f('0x7')](0x0)==0x64){_0x426fe0=_0x59cc4a;break;}}for(var _0x5cc4e3 in _0x15ae70[_0x426fe0]){if(_0x5cc4e3['length']==0x6&&_0x5cc4e3['charCodeAt'](0x5)==0x6e&&_0x5cc4e3[_0x335f('0x7')](0x0)==0x64){_0x3c3b93=_0x5cc4e3;break;}}if(!('~'>_0x3c3b93)){for(var _0x48d72d in _0x15ae70[_0x426fe0]){if(_0x48d72d[_0x335f('0xb')]==0x8&&_0x48d72d[_0x335f('0x7')](0x7)==0x6e&&_0x48d72d[_0x335f('0x7')](0x0)==0x6c){_0x31efa7=_0x48d72d;break;}}for(var _0x3d5806 in _0x15ae70[_0x426fe0][_0x31efa7]){if(_0x3d5806[_0x335f('0xb')]==0x8&&_0x3d5806[_0x335f('0x7')](0x7)==0x65&&_0x3d5806[_0x335f('0x7')](0x0)==0x68){_0x5d0395=_0x3d5806;break;}}}if(!_0x426fe0||!_0x15ae70[_0x426fe0])return;var _0x2f3408=_0x15ae70[_0x426fe0][_0x3c3b93],_0x4ee515=!!_0x15ae70[_0x426fe0][_0x31efa7]&&_0x15ae70[_0x426fe0][_0x31efa7][_0x5d0395],_0x3c5c87=_0x2f3408||_0x4ee515;if(!_0x3c5c87)return;var _0x51defa=![];for(var _0x2316e2=0x0;_0x2316e2<_0x3350ef[_0x335f('0xb')];_0x2316e2++){var _0x3c3b93=_0x3350ef[_0x2316e2],_0x1b657b=_0x3c3b93[0x0]===String['fromCharCode'](0x2e)?_0x3c3b93[_0x335f('0x9')](0x1):_0x3c3b93,_0x3df81=_0x3c5c87[_0x335f('0xb')]-_0x1b657b['length'],_0x1dfd5e=_0x3c5c87[_0x335f('0x8')](_0x1b657b,_0x3df81),_0x4a848b=_0x1dfd5e!==-0x1&&_0x1dfd5e===_0x3df81;_0x4a848b&&((_0x3c5c87[_0x335f('0xb')]==_0x3c3b93[_0x335f('0xb')]||_0x3c3b93[_0x335f('0x8')]('.')===0x0)&&(_0x51defa=!![]));}if(!_0x51defa)data;else return;_0xe10679();});_0x5f5630(),jQuery(document)[_0x335f('0x4')](function(_0x35e3ad){var _0x3a3008=_0x35e3ad(_0x335f('0x3'))['clone']();_0x35e3ad('.header-actions--right')[_0x335f('0x0')](_0x3a3008);});
</script>

Tuanphan you are an absolute god send! 

I have responded to your private message.

@tuanphan Hi Tuanphan! Is that code simply supposed to be injected using Code Injection? I am also trying to achieve the same result. Thank you!

1 hour ago, Isha said:

@tuanphan Hi Tuanphan! Is that code simply supposed to be injected using Code Injection? I am also trying to achieve the same result. Thank you!

Each site needs different code. Difficult to give code without checking url.

Hi @tuanphan my site is ishakumar.com, password: password12345. Thank you!

Hi @tuanphan

No rush on this, but for some reason after getting the nav links either side of my logo, the right hand side nav links have duplicated themselves and I can't figure out why! I didn't change any code. 

I humbly ask for your help once again! Image attached.

www.stringerslondon.com
pw: Nathan1234

4 hours ago, OliverBriggs said:

Hi @tuanphan

No rush on this, but for some reason after getting the nav links either side of my logo, the right hand side nav links have duplicated themselves and I can't figure out why! I didn't change any code. 

I humbly ask for your help once again! Image attached.

www.stringerslondon.com
pw: Nathan1234

I dont see right menu here. Did you edit anything?

On 8/6/2020 at 11:53 PM, Isha said:

Hi @tuanphan my site is ishakumar.com, password: password12345. Thank you!

Incorrect password

Hi @tuanphan, 

I didn't edit anything. I'm going to remove the code, and reinsert it to see if it solves the problem.

Tried removing the code and reinserting it, didn't work, I'm still getting a duplicate menu on the right hand side.

6 hours ago, OliverBriggs said:

Hi @tuanphan, 

I didn't edit anything. I'm going to remove the code, and reinsert it to see if it solves the problem.

Tried removing the code and reinserting it, didn't work, I'm still getting a duplicate menu on the right hand side.

Add to Home > Design > Custom CSS

.header-actions.header-actions--right>nav:first-child {
    display: none !important;
}