Jump to content

FitBar

Member
  • Posts

    19
  • Joined

  • Last visited

Posts posted by FitBar

  1. Same issue.  It appears its an issue with how SS ID's product.  We assign a SKU.  FB looks for the SKU, but SS has a long number that FB thinks is the SKU.  What is weird about this, it sometimes worked, sometimes didn't.   FB help was useless when I tried to fix it 9 months ago.  Now never works.  still a problem.  SS needs to direct FB to read the SKU, or need some kind of CSS that redefines Content ID.image.png.92b0c613fbf9610eadde9276c23f49b1.png

     

    image.thumb.png.bd8f210e0d9c605dad09580661117e8c.png

  2. Site URL: https://www.fitbarstrong.com/ocr-ninja-warrior-equipment

    Hello - I wanted to widen the viewable width of the pages on my site, desktop only, and was able to do so with the following CSS. 

    /*make page wider desktop only*/
    @media screen and (min-width:991px) { #page, #content {max-width: 85% !important;}
    }

    Works great except for the the product shop: apparently the default product categories and product images are left-aligned.  I tried various code snippets and was unable to get it center-align.  At the moment I suppressed the page width widening.   Any help is appreciated!!!

    shop grid not centered.PNG

  3. On 12/3/2020 at 3:45 AM, tuanphan said:

    To make related products 2 items/row mobile, add to Custom CSS

    
    @media screen and (max-width:767px) {
    .ProductItem-relatedProducts-grid.clear {
        display: grid;
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
    .ProductItem-relatedProducts-grid.clear img {
        width: 100% !important;
        height: auto !important;
        top: 0 !important;
        left: 0 !important;
    }
    }

     

    Hi tuanphan - i tried this but it still has 4 related products per row.  See attached.  4 per row is good for desktop, 2 is good for mobile.  attached is the way it displays now which is not optimum 😛

    Screenshot_20210309-102451_Chrome.jpg

×
×
  • 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.