Illusterre

Hi @tuanphan, can you please help me to align my edwic cart in the right place? How can i get my edwic cart (marked with red) in the exact place of the squarespace cart (marked with green), so that it looks good on both desktop and mobile? the password for my shop page is illusterreshop if you need it, it is still offline: https://illusterre-sample.squarespace.com/config/pages . The url to my website is https://illusterre.nl/ . I removed the shopping cart of squarespace so only the edwic one is visible. Edit: I managed to get it on the right side, and now it is looking good in the mobile version, but the position is off in the desktop (and probably tablet) version. Also my logo is now off centre. Is there maybe some code to fix this for all devices? Thanks in advance! ❤️

hi @tuanphan and @paul2009, i have the same problem with my shopping cart. How can i get my edwic cart (marked with red) in the exact place of the squarespace cart, so that it looks good on both desktop and mobile? the password for my shop page is illusterreshop if you need it, it is still offline: https://illusterre-sample.squarespace.com/config/pages . The url to my website is https://illusterre.nl/ . I removed the shopping cart of squarespace so only the edwic one is visible. Edit: I managed to get it on the right side, and now it is looking good in the mobile version, but the position is off in the desktop (and probably tablet) version. Also my logo is now off centre. Is there maybe some code to fix this for all devices? Thanks in advance! ❤️

thank you!

I have the same issue. Does someone know how to fix this?

Hi! thank you so much for your effort! unfortunately I did not see any difference yet.

https://illusterre-sample.squarespace.com/ password: Illusterre2022 Sorry, i thought i put it somewhere already! 🙂 I actually need the same solution for other sections on my website for the tablet version (see pictures). Is there maybe some sort of code i can apply to different sections? Thank you in advance!

https://illusterre-sample.squarespace.com/ this is my url. I fixed some of the problems with workarounds, but i would still love to fix the tablet view of the section in the pictures below. I would love to have the text and photo stacked like in the mobile view. Is that possible? Thank you! password: Illusterre2022

Hi! How can I stack the elements (text block + image) in tablet view like in the mobile view? Password: Illusterre2022 Thanks in advance!

Hi! Thank you, I tried again and it worked! I decided to not use the code since I don't really like the placement and size and I don't know how to adjust those things in the code. I think people can manage to find their way back to my homepage without the button. Thank you for responding, really appreciate it!

Hi! I tried again in the meantime and for some reason it worked! The placement however was not really what I liked so I decided to go without that button for now. I think people will manage to find my homepage regardless. Thank you for responding!

Hi! Here I am once again. 😉 I am almost finished with my website, woohoo! I just checked the way my website looks on all different devices, and some thing are definitely off on tablet view. I added some screenshots to show what I want it to look like vs what it looks like now. For example: the about page looks good on both mobile and laptop (I used custom css to show 2 different sections and therefore layouts in laptop and mobile, but I would like to have the mobile view only on mobile, and the laptop layout also on tablet. Also some buttons look weird, and words are cut off in random spots in the tablet view. Can someone please help me? I am not able to write codes myself. password: Illusterre2022 Thanks so much!

no, I removed them because they did not do anything.

Hi! I would love to add a button with 'back to all work' in between my portfolio pagination (see screenshot). The only way people can come back to my homepage now (which is also the start of my portfolio page) is to click my logo in the header or footer, or click 'werk' in the navigation. I tested my website on some people and they really miss a clearer option. I found some codes online offered by @tuanphan, but unfortunately they don't do anything for me. The codes are the two added underneath. Can someone maybe help me with this? Thank you in advance! password: Illusterre2022 https://illusterre-sample.squarespace.com #19. Add Button to Pagination <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script> $(document).ready(function() { $('<a href="/portfolio" class="item-pagination-link item-pagination-link--prev portfolio-backto"><div class="item-pagination-icon icon icon--stroke"><svg class="caret-left-icon--small" viewBox="0 0 9 16"><polyline fill="none" stroke-miterlimit="10" points="7.3,14.7 2.5,8 7.3,1.2"></polyline></svg></div><span class="pagination-title-wrapper"><div class="visually-hidden">Back to Work</div><div class="item-pagination-prev-next">- BACK TO WORK</div><h2 class="item-pagination-title">BACK TO WORK</h2></span></a>').insertBefore('a.item-pagination-link.item-pagination-link--next'); }); </script> <style> /* Portfolio back to button */ a.portfolio-backto .item-pagination-title { background-color: black; color: white !important; padding: 10px; } </style> and #20. Add “Back to all projects” under pagination <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script> jQuery(document).ready(function($) { $('<section id="back-to"><div class="sqs-block-button button-block Index-page-content"><div class="sqs-block-button-container--center"><a href="/portfolio" class="sqs-block-button-element--small sqs-block-button-element sqs-button-element--primary">Back to all project</a></div></div></section>').insertAfter('.item-pagination[data-collection-type^="portfolio"]'); }); </script>

Thanks!!!! 🙂

Hi @tuanphan Thanks for all the css! I would love to have a button on all my portfolio pages that lead back to the homepage of my website. I tried to do both #19 and #20 but for some reason I don't see any buttons appearing. I tried injecting the codes in code injection footer and custom css. How can I fix this? 🙂 https://illusterre-sample.squarespace.com password: Illusterre2022