skalison

@tuanphan Thank you SO much!!!

Change to this new code
<script> $(document).ready(function(){ $("div#block-6a656a3f7fd668c4aae9 p").click(function(){ $('footer.sections').toggleClass('show-credit'); $('div#close').click(function(){ $('footer.sections').removeClass('show-credit'); }); }); }); </script> <style> footer.sections section:first-child { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 999999; transform: translatey(100%); transition: transform 0.3s ease; } footer.sections { z-index: 99999 !important; } .show-credit section:first-child { transform: translatey(0) !important; transition: transform 0.3s ease; } </style>  

Add to Last Line in Code Injection > Footer
<script> $(document).ready(function(){ $("div#block-6a656a3f7fd668c4aae9 p").click(function(){ $('footer.sections').toggleClass('show-credit'); }); }); </script> <style> footer.sections section:first-child { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 999999; transform: translatey(100%); transition: transform 0.3s ease; } footer.sections { z-index: 99999 !important; } .show-credit section:first-child { transform: translatey(0) !important; transition: transform 0.3s ease; } </style>  

I would recommend this plugin:
https://www.will-myers.com/products/p/sliding-image-banner
I would also pull the text and button off of the images, have the image as the background with the log as an image on the page with a text block and a button below.

No problem! Thanks for marking my post as the solution, if you get a chance to give a thumbs up as well that would be great, thanks!

@Ziggy THANK YOU!

Try this answer, the thread is exactly your question:
This might be help also:
https://www.will-myers.com/articles/reorder-product-details-in-product-item

@ZiggyThis is perfect. Thank you for sharing!

Add to Design > Custom CSS
/* Mobile-Portfolio title under image */ @media screen and (max-width:991px) { div#gridThumbs { display: block !important; } .portfolio-text { opacity: 1 !important; position: relative !important; } }  

I've not seen a good solution to do this, you can hide the titles with CSS and add placeholder text, but I don't think that would achieve the look you want, though it can look tidy.

Add to Design > Custom CSS
/* Footer link */ div#block-yui_3_17_2_1_1616780294453_5718 p:first-child a { color: red !important; font-family: monospace; }  

Looks like it's working to me!

Per the notes in the code. This effect is not active in SS Preview to test it use private browsing.

@creedon Ah I missed that note. Thank you so much! 🙂

Try adding to Home > Design > Custom Css
.ProductItem-gallery-slides { display: flex; flex-wrap: wrap; justify-content: space-between; } .ProductItem-gallery-slides-item:nth-child(n+4) { width: 48%; } Let me know how it works on your site
Support me by pressing 👍 if this useful for you