Hello there,
We need to check the website in order to be able to provide some help with the CSS.
Can you send us a link?
Hi there 👋
Apologies it seems that we missed your response.
This can be fixed with some custom CSS. Under Customize > Additional CSS, you can add the following code:
/* Display 2x2 product grid row on mobile */
@media only screen and (max-width: 768px){
.qodef-woocommerce-page.qodef-woocommerce-columns-4 .qodef-woocommerce-with-sidebar .products .product {
width: 45% !important;
}
.qodef-btn{
line-height: 15px !important;
font-size: 10px !important;
}
}
It should look like this by using the CSS code:
https://www.screencast.com/t/GGYRD4JBrE7
If you’d like to learn more about CSS, I highly recommend using the free tutorials at w3schools. Here, you can find the basics of selectors (how to target the right element on the page), and properties (how to change the element on the page).
I hope that helps 🙂
Cheers!
Hey @gabrielfuentes ,
thank you very much! It seems to be working 🙂
I now have two further questions:
– In the mobile catalogue the black stripe “Ausführung wählen +” (= select options) is always showing. Is there a way to hide/delete it? I am not fond of this button anyways but can not find an option to deactivate it for variable products.
– How can I turn the filter section into a dropdown menu? The brand list for example is quite long and therefore the product images appear quite late on the mobile shop page.
Thanky again and have a nice day
Edit: I managed to solve the “select options” button.
Now the issue with the “filter brands” widget remains. I tried the “Brand drop-down” widget but this does not fullfill my expectations.
I like the design of the brand filter, so the customer can check multiple boxes. I would just prefer the widget /brand filter to be “foldable”.
(Not sure if that’s the right term, please excuse my English – not my native language.)
Plugin Support
slash1andy
(@slash1andy)
Automattic Happiness Engineer
Hey again!
This is likely best suited to be answered by the folks that make and support the theme you are using. They would know if there’s a way to have that widget display like you are wanting.
Plugin Support
slash1andy
(@slash1andy)
Automattic Happiness Engineer
We haven’t heard back from you in a while, so I’m going to mark this as resolved – if you have any further questions, you can start a new thread.
