Woocommerce Shop Page

  • Hi. I would like to know the shop page can be responsive on a mobile device. Currently, everything is shown very narrow. I’ve tried other themes and it works with other themes so it seems to be a theme conflict. Can you let me know if this can be solved with your theme?

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Theme Author Mystery Themes

    (@mysterythemes)

    Hello @clancel

    You can use the following code that will fix responsive issue.

    @media (max-width: 767px) {
.columns-3 ul.products li.product {
	width: 100%;
	text-align: center;
}
ul.products {
	display: block;
}
ul.products li.product img {
	margin: 0 auto;
}
.product .price {
	display: block;
}
}

    Thanks

    Thread Starter clancel

    (@clancel)

    Hi. I tried the code the the product images are still not showing up responsive on mobile. It’s too small and the images are all aligned left. Would you happen to know if there’s another code that can make the products show up more full on mobile?

    Theme Author Mystery Themes

    (@mysterythemes)

    Please use this code it will solve your problem

    @media (max-width: 767px) {
.columns-3 ul.products li.product {
	width: 100% !important;
	text-align: center;
}
}

    Thanks ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Woocommerce Shop Page’ is closed to new replies.