Product Column Width for Mobile

  • Resolved heatherms27

    (@heatherms27)


    4 years ago

    Hi,
    I’m using your Cobalt theme which I love, thank you for your great work. I’ve got an issue with column width on the woocommerce product listings in the portrait mode of the mobile version. They originally were displaying in two columns, and I’ve used a code to get the product listings into a single column, but it’s only taking up about one half of the available width in portrait mode, so it appears quite small. Is there a way to get that column to use the available space ?

    This is the code I used to get it to the single column.

    @media screen and (max-width: 768px) { .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product { width: 100% !important; } }

    Thanks for any help.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Support Jesse Owens

    (@jessecowens)

    Hi @heatherms27

    Since this question is really more about Cobalt, one of our commercial themes that isn’t hosted here on www.ads-software.com, it’s against the www.ads-software.com Forum Guidelines to provide support here. If you don’t mind, please follow up on BoldGrid’s Support Forums.

    That being said, I tried your Custom CSS in a testing site with Cobalt and WooCommerce, and it worked for me. When you follow up in our forums, can you include a link to your shop page (there will be a place you can enter it where it won’t be public, if you prefer) so we can take a look for you?

    Thread Starter heatherms27

    (@heatherms27)

    Thanks Jesse,
    I just posted it under “Column Width for Mobile Woocommerce “. It said it was in moderation right now.

    Plugin Support Jesse Owens

    (@jessecowens)

    Thanks a lot for helping us comply with the forum guidelines, @heatherms27 !

    I’ve posted a reply on our forums for you, and I’m marking this issue as resolved. Please let us know if you have any more questions, we’re happy to help.

    • This reply was modified 3 years, 12 months ago by Jesse Owens. Reason: fix spelling typo
    Thread Starter heatherms27

    (@heatherms27)

    Thanks so much Jesse, I got your message and responded on the BoldGrid Forum. Thank you so much !

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Product Column Width for Mobile’ is closed to new replies.