tuanphan

Hi. Have you solved this yet?

Hi. Do you use Personal Plan or higher? You can use JavaScript to redirect page.

Edit page where you want to hide header, footer > Add a Code Block > Paste this code

<style>
  header#header {
    display: none;
}
</style>

Hi. Try contacting Squarespace Customer Care first.

7 hours ago, paultlevinart said:

Hi, I have a similar problem. The navigation links at the bottom (footer?) look squished on my mobile site. Can I use a version of your fix on my site too?

www.paultlevinart.com 

Thanks in advance,

Paul

Add to Home > Design > Custom CSS

/* mobile pagination size */
@media screen and (max-width:767px) {
h2.item-pagination-title {
    font-size: 18px !Important;
}
}

9 hours ago, kerin said:

Hey TuanPhan.

I am interested in this too. I would like the image and text blocks of this page to stack on mobile.

thanks!

If you share link to page in screenshot, we can check easier

On 11/23/2020 at 1:31 AM, CASKATE said:

Yes styling is set up etc. 

My issue is the categories just display on the main shop page. I’d like for these category titles to display on all of the category pages like a sub nav I guess. 

This code by @tuanphan does that, but it displays to the left side. 

.nested-category-tree-wrapper {
    display: flex !important;
}

 

 

Can you share site url?

Hi. You can use Sidebar plugin.

You will need to use custom code to achieve above site appearance.

Also, some features on the web are difficult to recreate in Squarespace.

15 hours ago, rilsto said:

Hello Tuan,

 

Do you happen to know of the fix?

 

Thank you,

https://azalea-orchid-drz4.squarespace.com/panther-t14r/p/2020-prinoth-panther-t14r-stock-5991d

What is access password?

On 11/23/2020 at 1:44 AM, CASKATE said:

I’m also having this issue.

I would just like the category nav to display at the top on all category pages.

Any help would be really appreciated.

✌️

Can you share link to shop page? We can check easier

I think it is possible. Can you share link to shop page? We can check easier

On 11/22/2020 at 1:16 PM, vna said:

Thank you for this. This is not quite what I need. Here is what I would like to do:

https://www.dearfamilies.com/all-services/p/dear-everyone-soothing

^ In this product page, I would like it to say Dear Everyone --> Soothing - Preview

https://www.dearfamilies.com/all-services/p/dear-everyone-attachment-bonding

^ In this product page, I would like it to say Dear Everyone --> Attachment & Bonding

https://www.dearfamilies.com/all-services/p/dear-mom-8-week

^ In this product page, I would like it to say Dear Mom --> 8 Week: Baby and You

https://www.dearfamilies.com/all-services/p/individual-private-consultation-sessions-victoria

^ In this product page, I would like it to say Dear Anyone --> Victoria

Thank you again for your help!

 

Edit Product > Additional Info > Add a Code Block > Paste this code, replace with text what you want.

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("a.ProductItem-nav-breadcrumb-link").html(function() { 
          return $(this).html().replace("All Services", "All Categories");  
    });
});
</script>

15 hours ago, Kuda said:

https://rose-octahedron-r9ek.squarespace.com/respire

Password: 12345

Remove the code

.Header.Header--top {
    position: fixed;
    top: 0px;
    z-index: 1000;
    width: 100%;
}

Add new code

.Header.Header--top {
    position: sticky;
    position: -webkit-sticky;
    top: 0px;
    z-index: 1000;
    width: 100%;
}

16 hours ago, CASKATE said:

Hi there, 

I’m having the same issue as this. Where do I add the suggested script? @rwp

Thanks in advance 

 

Can you share link to product? We can check easier

14 hours ago, Breezy said:

salim1208

 

Add to Home > Design > Custom CSS

@media screen and (max-width:640px) {
section.ProductList-overlay {
    opacity: 1 !important;
}
}

12 hours ago, CarissaBlossom said:

Did you find a solution for this? I'm having the same issue!

If you share site url, we can check easier

12 hours ago, Mikayla said:

https://recorder-gardenia-mexc.squarespace.com/config/design

 

Here is my main page where the banner should be showing up.

Can you take screenshot banner in Editing mode? We can check easier

11 hours ago, inunzi said:

Thank you sm! But there’s a problem :(. It’s messing up my pages size, is there a way to fix this ? Thanks 🙂. 

Add this CSS to move left icons

@media screen and (max-width:767px) {
.header-actions.header-actions--right {
    justify-content: flex-start !important;
    margin-left: -20px;
}
}

10 hours ago, Thedripfitnesshoboken said:

@tuanphan Hi! I used the code to take the login out of the navigation, but is there a code to have that accessible on just one page? Can I put the account/login access on a page instead fo the navigation so that way people can access their account while they are signed in?

Did you use above code? Remove code & add this code to Page Settings > Advanced > Header

<style>
  .header-actions .user-accounts-link {
    display: none;
}
</style>

5 hours ago, m_lundberg said:

Thanks for the reply. I am not able to get it to work though, I'm not very experienced with squarespace or CSS. I took a screenshot of the insert code, not sure if I have done it right.

I tried with and without my existing code, is this code meant to add to my existing code or to replace it?

Add it under current code then Apply > Check your site.

On 11/22/2020 at 3:35 PM, jrf93 said:

Hey Tuan, Site wide if possible so that if they're on the shop page and they click the logo it would take them back to /home-page-2 instead of the cover page which is set up to be like a landing page.. 🙂

 

 

Add to Home > Settings > Advanced > Code Injection > Footer

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>
<script>
$(document).ready(function() {
	$('.header-title-logo a').attr('href','https://beaverhero.com');
});
</script>

Replace beaverhero with new url

4 hours ago, Thomas_Agapo said:

Hi, I have the same problem

 

https://www.agapo.co.uk/

I wonder would anyone be able to help me get the headers all on one line ? 

Also I cant add social icons ? I have linked them correctly etc they were working previously

How did you add social icons?

Also I see one line here. Did you solve? If no, which device/screen size did you use?

3 hours ago, Emma456 said:

Hi, this has taken away the 'search' text but not the line - do you know the code to remove the line also?

Thanks 🙂 

To remove line, use this CSS

.Header-search-form-input {
    border-color: transparent !important;
}

Hover on date > It show event description. You want to translate monday, tuesday..in this hover popup?