Okay
  Public Ticket #3421352
Product categories spacing error mobile
Closed

Comments

  •  4
    AETekno started the conversation

    The spacing on the product categories grid is wrong. İf 5 columns are selected there is no space between category 5 and 6 on mobile phone.

    If 4 product categories is selected it appears fine on mobile phone but missing spacing on laptop. 

    Error with 3 columns on both mobile and laptop.

    Attached files:  Categories-5.jpg
      Categories-3.jpg
      Categories 4.jpg

  •  279
    Noah replied

    Hi there,

    We tried to load the site at https://tribalmyfriend.com/ but we got a 404 error.

    Can we have a link to that page on the screenshots we see if we can fix this?

    Thanks.

  •   AETekno replied privately
  •  279
    Noah replied

    Hi there,

    Could you try the following CSS to fix this up:

    li.product-category.product.first{
        margin-left:auto !important;
    }
    

    add it to salient \ general settings - css script related - custom css code.

    Will inform the developer about this issue.

    Cheers.

  •   AETekno replied privately
  •  279
    Noah replied

    Hi there,

    Can you try the following CSS that will only target mobile view:

    @media (min-width: 690px){
    li.product-category.product.first{
        margin-left:auto !important;
    }
    }
    

    If it still not working \ looking okay on laptop then give us access to fine tune this.

    Thanks.

  •   AETekno replied privately
  •  279
    Noah replied

    Hi there,

    We logged in and added:

    div.vc_column-inner .woocommerce ul.products li.product{
        margin-right: 2% !important;
    }
    

    as a temporary fix in the page settings custom css area. See attached screenshot.

    For not let have that in place as this will need to be looked at by our developers.

    Hope you understand.

    Attached files:  Edit-Page-“Home”-‹-Gorgeous-Tours-and-Travel-Türkiye-—-WordPress.png

  •  4
    AETekno replied

    Thank you