This topic has 6 replies, 4 voices, and was last updated 8 years, 1 month ago ago by Jack Richardson
Hello!
I am looking for a way to have 2 product rows on mobile portrait.
I have tried to use the code:
@media (max-width: 480px) { .products-grid.product-count-4 .product:nth-child(n) {
width: 50% !important;
}}
That I found on another request for this, where it worked. But it does not work for me.
1, Is it the correct code
2, where should I place it (I tried the style.css in my child theme, and also in custom css….)
Hello,
Please add this code in Theme Options->Custom CSS->Custom CSS for mobile.
.product {
width: 50% !important;
}
Regards,
Robert Hall.
Hi!
Thanks! Worked great!
Thee more questions:
1. Is it possible to have the menu in the sidebar on my shop page to be closed initially (now all categories are open, so its a long list. I just want to se the main categories (Jewellery, Bracelets, Necklaces) when user enters the page.
2. Is it anyway to show the sidebar above the products on mobile?
3. The mobile menu slides in from the left. I like it better when its from the top down, covering the “page”. Is these a feature available, or am I stuck with the sliding in from the left?
Best regards
Daniel
Hello,
1. To close first category, edit wp-content/themes/woopress/js/etheme.js file. Find and comment out line 1808
$this.find('>li').first().find('.open-this').html(minusIcon).parent().addClass('opened').find('ul.children').show();
2. Go to Theme Options > Blog Layout > Sidebar position for responsive layout > select “Top”.
3. Unfortunately there is no such feature. Sorry.
Regards,
Eva Kemp.
Hi!
I now have 2 product rows on the shop page/category page, and this is great. However on the single product page on mobile, it is also 50%, so it only uses half the screen in portrait mode…
Is there anyway to have two products in a row on shop/category-pages, but use the full screen on the single product pages?
Best regards
Daniel
Hello,
Please use this css code instead of the previous one in Custom CSS for mobile:
.products-grid .product {
width: 50% !important;
}
Best regards,
Jack Richardson.
You must be logged in to reply to this topic.Log in/Sign up