Displaying product Category list

  • Resolved sami35

    (@sami35)


    4 years ago

    Hi there,

    Firstly, I thank the team.?

    I want to display the product category list on this page: https://www.21aboimela.com/categories/

    But in desktop view they are aligned to the left and in mobile view the list is aligned to the right.

    I want the desktop view as two columns list. And the mobile view as one column list(center aligned).

    Thanks and regards.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)

  • Hey @sami35

    You can do this with a little bit of custom CSS code.

    Go into your site’s admin Dashboard and select Appearance → Customize →?Additional CSS. In the CSS textbox on the left, add the following code:

    .page-id-213 .wc-block-product-categories-list li {
  width: 40%; 
  float: left;
  clear: none;
}

@media screen and (max-width: 768px) {
  .page-id-213 .wc-block-product-categories-list li {
    width: 100%;
    text-align: center;
    margin:0;
  }
}

    Select “Save Changes” from the top, and your changes will be applied to your site.`

Viewing 1 replies (of 1 total)
  • The topic ‘Displaying product Category list’ is closed to new replies.