junecz

Awesome. Scroll bar gone! Thanks once again, @tuanphan!

Thank you @creedon. I really appreciate you taking the time. Alas, this does not do the trick. After clicking the button, the text displays "adding..." then "added!" and then still reverts to "add to cart".

Thank you @bangank36! I really appreciate you taking the time. This works great up to a certain point. View all - great (pic 1). View Category - great (pic 2). View Sub-category... it's gets messy again (pic 3) Thoughts?

Me again... 🙂 I fixed my spacing issue. Now: can I remove the menu scroll bar? For others looking for help: to fix the spacing I changed padding: 2px to margin: 2vw 0vw site: https://czebrastudios-not-for-nothing.squarespace.com/ pw: philly

Hi @tuanphan and others - thanks for your input on this. I'm using the following code - works well except that the links line spacing is huge and I can't figure out how to reduce it. Can you help me fix it? TIA! site: https://czebrastudios-not-for-nothing.squarespace.com/ pw: philly @media screen and (max-width: 5000px) { /* Display burger icon at all widths and align left */ .header .header-burger { display: flex; order: 0 !important; } /* Make burger menu visible at all widths */ .header--menu-open .header-menu { opacity: 1; visibility: visible; } /* Hide primary navigation menu */ .header .header-title-nav-wrapper .header-nav { display: none; } } /* Link Alignment */ .header-menu-nav {text-align: right!important; margin-right: 5%!important;} /* Page Background color */ .header-menu-bg {background: rgba(51,28,25,.85)!important;} /* menu links style */ .header-menu-nav-item a {color: white!important; line-height: 0px!important; font-size: 20px !important; padding: 2px !important; }

I'm looking for this also - the plugin is not the solution for me. Any code to target that button after it's clicked? I used your code, @tuanphan to change Add to Cart text on the button before the action and it works great. (thanks!) I tried replicating it targeting the button after the action but with no success. I want the text after button is clicked to remain "added" - not revert to Add to Cart. tia. retrographicshop.com

Site URL: http://czebra-shop.squarespace.com First, thanks to everyone who contributes here. I've cobbled together quite a bit of code to create what I have so far. A couple of outstanding issues I'll ask about in other posts. For now, my biggest headache is how limited the category navigation options are. What I want to achieve: Categories (animals, floral, etc.) visible on each page of products, filtered or not, on both desktop and mobile. Ideally, I'd like to have the Category Sidebar Navigation on desktop and Top Category Navigation on mobile. Is that possible? The problems: With Categories Type: Sidebar selected, it works as desired on desktop (i.e., categories are visible on all products pages). However, categories don't appear on mobile unless the device is horizontal. That's not good. With Categories Type: Top selected, on desktop categories appear only on the page with all products and do not appear on filtered pages. On mobile, it's the same - but with the addition of that atrocious, non-user-friendly scroll bar. (I did find this css code which fixes that nicely but the lack of categories on filtered pages remains.) I also tried this css code (since removed) to keep categories on all pages on mobile but spacing is off and text falls off the sides, creating a scroll bar at the bottom of the mobile page. (see pic) So, I guess my questions are: 1) Is there a way to use Top on mobile and Sidebar on desktop? 2) With Top, how to have categories show on all filtered pages. TIA! site: https://czebra-shop.squarespace.com pw: myna Update: I added a "view all' link at top of products page. That'll work for now, but I wish there was a better solution.

Thank you! This is working great. I could not see any category display at all on mobile and tried just about every code snippet posted on this topic with no success. I finally realized: Category Type must be Top, not Sidebar (which I prefer). The sidebar navigation does show up when the mobile device is turned to horizontal position but that's not ideal... I wanted to share this info for others having the same problem I had. (I might have missed it but I searched Sqsp documentation too and found no mention of this.)

Wow, @tuanphan, you did it again! Thank you thank you!

Is it possible to switch the text in this Stack Image to above the image instead of below it?

Fantastic - that did it! Thank you so much.

This didn't work for me. I want the logo image on this page Snyder-Group.com to link to this page. I replaced .Header-branding with .site-branding and made the needed change to the url, but it's still linking to the home page. Appreciate any other ideas.