dariokomazec

Not working as needed, it opens up google.com but not in a new tab.

I have figured it out that changing the place works great so this is the final code:

<script>
  $(document).ready(function() { 
    $('a[href="/search"]').attr('target','_blank');
    $('a[href="/search"]').attr('href','https://www.google.com/');
	});
</script>

<script>
  
  $(document).ready(function() { 
    $('a[href="/search"]').attr('href','https://www.google.com/').attr("target", "_blank");
    });
  
</script>

I don't know is this good to do this this way but it works...? I have added :

.attr("target", "_blank");

to my code and now it opens google.com instead of /search in a new tab...

Hi,

I understand that but please check my code above, I want to open "www.google.com" instead of "/search" but in a new tab.

With your code it will open "/search" in a new tab and not "google.com" in a new tab...

Hi,

Go to Home/Design/Custom CSS and add this:

#mobile-location {
    display: none;
}

This code should remove the text.

After that you can go to Home > Settings > Advanced > Code Injection and check the scripts as bangank36 suggested above... 

Hi,

I'm not good at coding so any help will be appreciated.

I want to change the default SEARCH link to external one and I have done this successfully with this code below but the problem is I don't know how to force it to open in a new tab. I have tried adding the target= "_blank" to the code but as I already said I'm not good at this so no luck, I don't know how to do this...

<script>
  
  $(document).ready(function() { 
    $('a[href="/search"]').attr('href','https://www.google.com/');
	});
  
</script>

So I need help with this code above, code is 100% working I only want to open the https://www.google.com/ in the new tab...

Thanks

Hi,

Unfortunately no, I have figured out that this background is not "mobile bar background".

If you set mobile bar background color to transparent this gap will stay as empty gap and taking the background from body. 

Only way that I have found to remove this gap is to bring content up with css:

.Index-gallery {
margin-top: -80px !important;
}

You can't have page content behind Mobile bar as I have planed, it starts below by default and I can't find better way to correct this...

If you find better way please let me know...

I have solved the problem:

1. Add social icons to Footer

2. in Styles make Search Icon visable and then hide it with CSS  .Icon--search {display: none}

3. Add this code below to site header code injection and change #block-1fb5bb40728e7dd45230 to your own social icons block ID.

that's it.

<script src="https://code.jquery.com/jquery-3.5.1.min.js" ></script>
<script>
  jQuery(document).ready(function($) {
$('#block-1fb5bb40728e7dd45230').insertAfter('.Icon--search');
});
</script>

Site URL: https://megalodon-capybera-w4p6.squarespace.com/

Hi,

How to remove mobile bar background??? 

In styles is set to transparent but it automatically goes to white again after refresh and I don't know how to solve this?

https://megalodon-capybera-w4p6.squarespace.com/

Pass: 12345

here is the website:

https://megalodon-capybera-w4p6.squarespace.com/ 

password: 12345 

This is the code that I have used to bring social icons from footer to header and this is what I want but the problem is that it always stays fixed and I want to behave like the heather on scroll...

#block-1fb5bb40728e7dd45230{
   position: fixed !important;
  z-index: 999;
    top: 10px !important;
  right: 10px !important;
  padding-top: 10px !important;
    width: 100% !important;
    height: 100% !important;
 }

Hi,

Sorry I can't because it is running website and I have installed the new template to try this out...

How can I move the footer block to be at the top of the website?

Can someone help me with some code?

Hi,

I'm working on a new website and I want something like on this image attached with hamburger Menu but when I do this social Icons disappear but I need them on the right. 

Can someone help me, how can I force mobile icons to be visible on mobile.

I have tried to bring them up from footer but I'm not so good with coding. Only what I have achieved was to bring it up with this code but it stays always visible when I scroll down.

#block-yui_3_17_2_1_1640688529513_1878{
 
   position: fixed !important;
  max-width: 150px !important;
    top: 10px !important;
  right: 10px !important;
  padding-top: 50px !important;
    width: 100% !important;
    height: 100% !important;
 }

Just copy/paste this code:

.image-block {
transition: all .5s ease-in-out;}



.image-block:hover {
background-color: #00000; opacity: 0.6; transition: all .5s ease-in-out;}

Hi,

only thing I can come up with right now is this:

1. Put the page (page that you want to be linked with folder title) on the first place in to the folder.

2. Paste this code to "Custom CSS" and change only child number "3" to target specific folder that you want in your navigation menu.

.Header-nav div>:nth-child(3) {.Header-nav-folder :nth-child(1) {display: none !important;}}

 This works on Brine Family (TESTED) and few more I think but I haven't tested on others...