Jump to content

cinnamoncat

Member
  • Posts

    75
  • Joined

  • Last visited

Everything posted by cinnamoncat

  1. I am also hoping to slow down the carousel on a home page please bunnylefluer.com
  2. #1 Unfortunately, that did not happen, as shown by my screenshots. #2 I was just trying to provide more information in case it would be helpful...won't do that ever again.
  3. 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; } }
  4. Yes, please see below. I'm hoping for the breadcrumb to show "Shop > Category > Item Name", in this case it would be "Shop > Pasties > Show Your Pride Pasties". Thank you!
  5. Hi @iamdavehart thank you for your thorough response and help!!
  6. Hi @tuanphan would you please be able to help with custom code for this perhaps? site: dethreads.net Thank you!
  7. 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?
  8. Nevermind, the two columns show on the actual mobile site, but does not update on squarespace emulator for some reason. Thank you!!
  9. 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; } }
  10. Nevermind, I changed "margin-left" to "margin-center" and it worked 🙂
  11. 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; } }
  12. 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:
  13. 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!
  14. Hi @mike.bj Did you ever find a resolution for this mobile issue? I'm also experiencing this problem.
  15. I'm also having the same problem Site: dethreads.net
  16. Hi, the categories in my store on mobile are cut off. Thoughts on how to display all the categories on mobile? Site: dethreads.net
  17. 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!
  18. 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; }
  19. 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!
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.