azubair653

12 hours ago, tuanphan said:

Which code did you use to add Search bar on right of logo? I guess we will need to tweak that code

sure heres the code @tuanphan

I put this in footer

<!-- search into header  --->
<script src="https://code.jquery.com/jquery-3.5.1.js"></script>

<script>
$(function(){
  let searchBlock = $('#block-yui_3_17_2_1_1686595653374_1657').attr('id','').addClass('header-search-bar');

 $(searchBlock).insertAfter($('.header-title-nav-wrapper'));
  $(searchBlock).clone().addClass('mobile-header-search-bar').appendTo($('.header-menu-nav-folder-content'));
  })
  </script>

<!-- search into header  --->

css

.header-search-bar{
  margin: 0 0 0 2.5vw;
  @media(max-width:799px){
    display:none;
  }
}

19 hours ago, tuanphan said:

Move this?

Can we achieve this? @tuanphan

17 hours ago, tuanphan said:

Move this?

yes

On 1/28/2023 at 2:10 PM, tuanphan said:

Hi,

I don't know this. You can consider using Product Blocks instead

On 7/14/2022 at 2:29 PM, tuanphan said:

Hi,

Can you change layout to Left Nav - Middle Logo?

Then add this to Settings > Advanced > Code Injection > Footer

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>
<script>
  jQuery(document).ready(function($){
  $('.header-display-desktop nav.header-nav-list').clone().insertAfter('.header-actions.header-actions--right>.showOnMobile');
})
</script>
<style>
  .header-display-desktop .header-actions--right .header-nav-list .header-nav-item:nth-child(-n+3) {display: none;}
.header-display-desktop .header-title-nav-wrapper .header-nav-list .header-nav-item:nth-child(n+4) {display: none;}
  .header-nav-item:nth-child(n+4) {
    margin-right: 1.5vw;
}
</style>

 

Can you help me? I need search bar on the left https://local-narcissist.squarespace.com/

Please share the script 

@Tessaj___ I know you're using host away for pms I have some questions is there any way you could answer, please?

On 4/8/2023 at 1:27 PM, tuanphan said:

Do you still need help?

Yes please send me the code we still need help. We need free solution @tuanphan @Nancygallardo562

Please help me @tuanphan @WillMyers @creedon @nice1 @nicolettely

Hi!

I created this https://lychee-amphibian-rkay.squarespace.com/ I also want to look at image like this side by side https://visuable.co/ and with a button please I need a free option.

@tuanphan

Hi!
Hope you doing great , can you help me to hide this order tab through css or javascript? Site link is https://parsnip-leopard-5lrh.squarespace.com/account
 I tried css but it couldn't work. 
Thanks!

2 hours ago, paul2009 said:

This section was created with custom JavaScript using the Squarespace 7.0 Developer Platform. It doesn't use standard blocks and so cannot easily be reproduced on a consumer template.

Ok, can we make this in squarespace 7.1? And can you send me the code?

Site URL: http://squarespace.com/

Hi!
I need another help, I want to acheive this section https://www.squarespace.com/ (ss attached) , how i can. Please send me.
Thanks!

Site URL: https://cinochee.com/jasper

Hi!

I need help , I want to display h2 and p over mouse hover like this https://jasper-demo.squarespace.com/.  @tuanphan @ciaccogelato