cinnamoncat
Member-
Posts
75 -
Joined
-
Last visited
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by cinnamoncat
-
I am also hoping to slow down the carousel on a home page please bunnylefluer.com
- 3 replies
-
- code-injection
- code
-
(and 2 more)
Tagged with:
-
Thank you, but that is not what I'm looking for. I'm hoping for the actual breadcrumb to show the category, not an additional note, as the additional note shows underneath the product which does not make sense. See screenshots. Additionally, the code voided my code for bold text and the bold text is critical 😕 Below is my existing code. Thoughts? I'm starting to think this is simply impossible thanks to Squarespace. .header-nav-item a:hover { font-weight: bold; } .nested-category-breadcrumb-link { font-weight: bold; } .category-link { font-weight: bold; } .products.collection-content-wrapper .ProductItem-nav-breadcrumb-link:last-child { font-weight: bold; } button.cart-row-edit::before { content:'Add Notes' } button.cart-row-edit span { display:none; } /* Fix mobile shifting */ @media screen and (max-width:700px) { .header-title-nav-wrapper { max-width: 57% !important; } } /* show all categories */ @media only screen and (max-width: 575px) { .products.collection-content-wrapper .nested-category-children { flex-wrap: wrap !important; overflow: visible !important; } .products.collection-content-wrapper .nested-category-breadcrumb-list-item .nested-category-breadcrumb-link { margin-left: 1vw !important; } }
-
Add notes for product on Cart page
cinnamoncat replied to cinnamoncat's topic in Customize with code
Hi @iamdavehart thank you for your thorough response and help!! -
Hi @tuanphan would you please be able to help with custom code for this perhaps? site: dethreads.net Thank you!
-
Show Category trail/breadcrumb on product page
cinnamoncat replied to cinnamoncat's topic in Customize with code
Bump -
Mobile: How to show all Categories in my store?
cinnamoncat replied to cinnamoncat's topic in Customize with code
Thank you! -
Mobile: How to show all Categories in my store?
cinnamoncat replied to cinnamoncat's topic in Customize with code
One more question...is there any way to wrap the text so there isn't a line break between 'athleisure' and 'children's clothing & accessories' categories like seen in the editor? -
Mobile: How to add columns in store?
cinnamoncat replied to cinnamoncat's topic in Customize with code
Nevermind, the two columns show on the actual mobile site, but does not update on squarespace emulator for some reason. Thank you!! -
Mobile: How to show all Categories in my store?
cinnamoncat replied to cinnamoncat's topic in Customize with code
That worked as well, thank you! -
Mobile: How to add columns in store?
cinnamoncat replied to cinnamoncat's topic in Customize with code
hi @Lesum I changed it back to margin-left and still only one column .header-nav-item a:hover { font-weight: bold; } .nested-category-breadcrumb-link { font-weight: bold; } .category-link { font-weight: bold; } button.cart-row-edit::before { content:'Add Notes' } button.cart-row-edit span { display:none; } /* Fix mobile shifting */ @media screen and (max-width:700px) { .header-title-nav-wrapper { max-width: 57% !important; } } /* show all categories */ @media only screen and (max-width: 575px) { .products.collection-content-wrapper .nested-category-children { flex-wrap: wrap !important; overflow: visible !important; } .products.collection-content-wrapper .nested-category-breadcrumb-list-item .nested-category-breadcrumb-link { margin-left: 1.5vw !important; } } @media only screen and (max-width: 767px) { .products.collection-content-wrapper .list-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } } -
Mobile: How to show all Categories in my store?
cinnamoncat replied to cinnamoncat's topic in Customize with code
Nevermind, I changed "margin-left" to "margin-center" and it worked 🙂 -
Mobile: How to add columns in store?
cinnamoncat replied to cinnamoncat's topic in Customize with code
Hm, that did not seem to work. Here is all the CSS I currently have including your suggestion: .header-nav-item a:hover { font-weight: bold; } .nested-category-breadcrumb-link { font-weight: bold; } .category-link { font-weight: bold; } button.cart-row-edit::before { content:'Add Notes' } button.cart-row-edit span { display:none; } /* Fix mobile shifting */ @media screen and (max-width:700px) { .header-title-nav-wrapper { max-width: 57% !important; } } @media only screen and (max-width: 575px) { .products.collection-content-wrapper .nested-category-children { flex-wrap: wrap !important; overflow: visible !important; } .products.collection-content-wrapper .nested-category-breadcrumb-list-item .nested-category-breadcrumb-link { margin-left: 0 !important; } } @media only screen and (max-width: 767px) { .products.collection-content-wrapper .list-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } } -
Mobile: How to show all Categories in my store?
cinnamoncat replied to cinnamoncat's topic in Customize with code
Hi @Lesum quick follow-up question. It appears the spacing of the pipe dividers shifted a little. Is there any way to align space out the divider evenly like in my first screenshot? This is how it appears now: -
Hello, When you view my store in mobile, the items are in one column. Is there a way for me to make it two columns on mobile? (I would like to keep it 4 columns on desktop). Site: https://www.dethreads.net TIA!
-
Mobile: How to show all Categories in my store?
cinnamoncat replied to cinnamoncat's topic in Customize with code
That worked! Absolute lifesaver! Thank you @Lesum! -
Hi @mike.bj Did you ever find a resolution for this mobile issue? I'm also experiencing this problem.
-
Categories not appearing after clicked
cinnamoncat replied to jawrj_valdeez's topic in Setting up your store
I'm also having the same problem Site: dethreads.net -
Hello, My store has several categories in my store, but on mobile it only looks like I have 4 categories because the scroll isn't obvious. How can I show all the categories at once/remove the need to scroll? I would like to keep the pipe divider ( | ) between categories. Site: https://www.dethreads.net TIA!
-
I managed to adjust with @tuanphan code. Thank you! /* Fix mobile shifting */ @media screen and (max-width:700px) { .header-title-nav-wrapper { max-width: 57% !important; }
-
Hello, I am trying to get the mobile header to match the preview on Dashboard. Mobile header looks perfect on preview, Safari cuts off the menu icon, Android completely removes the menu icon. Site: dethreads.net Thank you!