Full width images on mobile shop page
-
Hi,
On the mobile versions shop page I would like to increase the size of the product image.
This by taking full advantage of the mobile phone narrow width.
Please see attached image where i increase the size for the first image.
best regards,
Nicolaj
Attachments:
You must be
logged in to view attached files.
Hello,
You can set 1 column on mobile in the Theme Settings > Shop page > Product grid. In this case, one column would increase the product image.
Best Regards
Hi,
Yeah I have seen that option but I prefer 2 images as big as possible. Can it be done with simple CSS or is this a hard one?
Best regards
Hello,
No, it is not possible, there is no space enough to make them bigger.
Best Regards
okay thanks
I have two more small question also related to the same shop page.
1 – On mobile there is a line-border underneath the breadcrumbs, where does it come from and how do i make it go away?
2 – Also i like change the wording from “show sidebar” – to show “filter options”
see attachment
best regards
Attachments:
You must be
logged in to view attached files.
Hello,
Please add this code to the Theme Settings > Custom CSS > Global:
@media (max-width: 768px){
.offcanvas-sidebar-mobile .shop-content-area:not(.col-lg-12) .woodmart-woo-breadcrumbs {
border-bottom: none!important;
}
}
You can translate all theme and plugin texts via PO file in WordPress. Here is a video tutorial that should help you translate your website texts with a Loco Translate plugin https://www.youtube.com/watch?v=D3NsDdMzsls&list=PLMw6W4rAaOgKKv0oexGHzpWBg1imvrval&index=3
Best Regards
.
