sandracheesman

@RyanDejaegher thank you so much for your continued interest! Am I right in saying the site would have to be live to be able to add the external links?

@RyanDejaegher Hi Ryan, thank you for the reply. So am I understanding this correctly you suggest I use this code instead (using the website address when live): <script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script> $( document ).ready(function() { // for desktop $(".Header-nav-folder-title").eq(0).prop('href', '/https://www.blah.com/about-us'); $(".Header-nav-folder-title").eq(1).prop('href', '/https://www.blah.com/wines-2); $(".Header-nav-folder-title").eq(2).prop('href', '/https://www.blah.com/sustainability-2'); $(".Header-nav-folder-title").eq(3).prop('href', '/https://www.blah.com/news-and-views2'); $(".Header-nav-folder-title").eq(4).prop('href', '/https://www.blah.com/visit-2'); // for mobile $(".Mobile-overlay-nav-item--folder").eq(0).prop('href', '/https://www.blah.com/about-us'); $(".Header-nav-folder-title").eq(1).prop('href', '/https://www.blah.com/wines-2'); $(".Header-nav-folder-title").eq(2).prop('href', '/https://www.blah.com/sustainability-2'); $(".Header-nav-folder-title").eq(3).prop('href', '/https://www.blah.com/news-and-views2'); $(".Header-nav-folder-title").eq(4).prop('href', '/https://www.blah.com/visit-2'); }); </script> the bit I do not understand is hiding the CSS - or have I not understood any of it properly? thank you for taking the time to reply, much appreciated. Sandra

Site URL: https://turbot-armadillo-ja5c.squarespace.com/ Hi folks, site p/word is: SandraCB I have managed to design a table via code I found on the forum to use in the 'additional info' of our product block. This can be seen here https://www.shop.chenebleu.com/wine-shop-uk/abelard12 The issue I am having is, that in adding this code into the box it then makes the alignment of the text underneath more indented as per the image attached. If I remove the code block from the 'additional info' section of the Abelard product the text all lines up once more, so it is definitely that code causing the issue. This is the code: <style type="text/css"> .table { display: table; background-color: #796b63; } .row { display: table-row; width: 60%; } .column { color: #ccd6dd !important; display: table-cell; vertical-align: middle; text-align: center; padding: 15px; width: 10%; border-right: 1px white; } </style> <div class="table"style="width:100%"> <div class="row"> <div class="column"><p style="color:white;font-size:20px;">2012</p> <p style="color:white;">75cl €66.00<br>150cl €135.00<br>300cl €271.00</p><a href="<a href="https://static1.squarespace.com/static/5e70d8b08c15db0634d1a96e/t/5ebd32c409f109687c019d97/1589457622251/Abelard+2012+FR.pdf"><u>Tasting Notes</u></a></div> <div class="column"><p style="color:white;font-size:20px;">2011</p> <p style="color:white;">75cl €66.00<br>150cl €135.00<br>300cl €271.00</p><a href="<a href="https://static1.squarespace.com/static/5e70d8b08c15db0634d1a96e/t/5ebd32c409f109687c019d97/1589457622251/Abelard+2012+FR.pdf"><u>Tasting Notes</u></a></div> <div class="column"><p style="color:white;font-size:20px;">2010</p> <p style="color:white;">75cl n/a<br>150cl €135.00<br>300cl €271.00</p><a href="<a href="https://static1.squarespace.com/static/5e70d8b08c15db0634d1a96e/t/5ebd32c409f109687c019d97/1589457622251/Abelard+2012+FR.pdf"><u>Tasting Notes</u></a></div> <div class="column"><p style="color:white;font-size:20px;">2007</p> <p style="color:white;">75cl €66.00<br>150cl n/a<br>300cl n/a</p><a href="<a href="https://static1.squarespace.com/static/5e70d8b08c15db0634d1a96e/t/5ebd32c409f109687c019d97/1589457622251/Abelard+2012+FR.pdf"><u>Tasting Notes</u></a></div> <div class="column"><p style="color:white;font-size:20px;">2006</p> <p style="color:white;">75cl €66.00<br>150cl n/a<br>300cl n/a</p><a href="<a href="https://static1.squarespace.com/static/5e70d8b08c15db0634d1a96e/t/5ebd32c409f109687c019d97/1589457622251/Abelard+2012+FR.pdf"><u>Tasting Notes</u></a></div> Any ideas? Thank you! Sandra

@tuanphan do you know if the above is possible? Thank you!

@theresa.southern I have the same issue - just discussing this on another thread 'Nav Folder Link Mobile'. Do jump in, in case we get a solution or a definite no it is not possible! 😊

@tuanphan Hi, thank you for the new code, but it does not seem to have changed anything? When I check the site out on my mobile and I click on any of the nav titles it still does not link to the actual main page, it just opens up the menu as before. So we are sill missing the main landing page for each header. i.e. on a desktop if you click any of the nav titles like 'Our Story' or 'Sustainability' it takes you to a main landing page. If you do the same on a mobile it still only opens up a menu to all the other links, it does not take you to the main page as it does on a desktop.

I have now solved the problem if anyone else needs some help, do get in touch.

Site URL: https://bassoon-dog-tknb.squarespace.com/ Hi Guys, the site password is : SandraCB I am using this jsquery to enable the site to have nav folder links: <script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script> $( document ).ready(function() { $(".Header-nav-folder-title").eq(0).prop('href', '/aboutus2'); $(".Header-nav-folder-title").eq(1).prop('href', '/wines2'); $(".Header-nav-folder-title").eq(2).prop('href', '/sustainability2'); $(".Header-nav-folder-title").eq(3).prop('href', '/news-and-views2'); $(".Header-nav-folder-title").eq(4).prop('href', '/visit2'); }); </script> Then this code for the links: <a href="/aboutus2">Our Story</a> As you will see the Top folder nav links take you to a page connected to that title i.e Our Story - however on a mobile when the burger menu is in use when you click on 'Our Story' it does not show the 'Our Story' page it just opens the menu to ask you to click on the other pages in that folder? Thank you! @tuanphan I think maybe you may know something about this, as I have seen you talk about it on another post?

Hi, I wonder if anyone can assist with the issue I am having. The site is: https://bassoon-dog-tknb.squarespace.com/ and the p/word: SandraCB My href folder navigation menu works fine, and all the links work using this jquery in the code injection: <script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script><script> $( document ).ready(function() { $(".Header-nav-folder-title").eq(0).prop('href', '/aboutus2'); $(".Header-nav-folder-title").eq(1).prop('href', '/wines2'); $(".Header-nav-folder-title").eq(2).prop('href', '/sustainability2'); $(".Header-nav-folder-title").eq(3).prop('href', '/news-and-views2'); $(".Header-nav-folder-title").eq(4).prop('href', '/visit2'); });</script> and this code for each Nav title link with the correct nav folder title: <a href="/aboutus2">About Us</a> I have then added this code with the relevant name to each paragraph on the folder nav menu page via a code block : <p id="the-history"> </p> all of this worked fine until recently, but the issue I have now is if I am on a page of the website, e.g 'Our Story' and I want to go to the 'Wildlife' section on the Sustainability page. What happens now is the link takes me to the top of the Sustainability Page but not the Wildlife section where the code block is. The links to the code blocks only work on the page they are on e.g. If I was on the Sustainability Page the link to Wildlife takes me to the correct section. It seems not to work if it is a page jump. Any ideas? Thank you!

@tuanphan Thank you but unfortunately that hides the Squarespace quick view button completely including the CSS new button that I am using from above: span.sqs-product-quick-view-button:after { visibility: visible; content: "click for more info"; background: #fff; color: #100f43; padding: 10px 20px; border-radius: 5px; }

@tuanphan Hi, do you know how I can hide the SS Quick View button so I can use the above css instead? Thank you!

Found the answer to the alignment with this css: .ProductItem-gallery-slides-item-image { width: 100% !important; height: auto !important; top: 0 !important; left: 0 !important; } .ProductItem-gallery-slides-item.selected.going-next.loaded { padding-bottom: 50% !important; } Hope this is of help to others 😊

I have managed to sort out the alignment issue (this was 'content indent' in the main menu) So now I would just like to move the additional content to show under the add to cart text. Thank you

Site URL: https://turbot-armadillo-ja5c.squarespace.com/ Hi Guys and Gals, The site p/w: SandraCB (the page I am using to test this is wine shop UK products, and the product is 'Heloise'. I am trying to work with the limitations on the product page. I am trying to get the following to work: 1. The Additional Info text to align with the excerpt and text above (or vice versa) (image 13) 2. The Additional Info box to run directly underneath the excerpt box so it looks as though the text continues and to lose the huge amount of dead space where the image of the wine bottle ends and the additional info text begins (all images) I have successfully used CSS to change the order of the top items, but struggling with the rest. Any ideas? Thank you!