how to change theme home page product layout in mobile view?
-
Hi
I created a Products archive layout in theme layout setting, and I can see all category layout changed except the mobile view for the page products grids at home page.
desktop view, the home page product layout is changed to the layout defined, but mobile view does not work. it still shows the default layout.
Attachments:
You must be
logged in to view attached files.
Hello,
I have checked your site and the layout is the same for both desktop and mobile. Sometimes, outdated or cached files can cause display issues. You need to clear your browser cache while checking the issue.
Best Regards.
I clear browser cache and rechecked, mobile layout is different. Still using old layout that shows the cart icon. See image. New layout not show cart icon
Attachments:
You must be
logged in to view attached files.
Hello,
This is not the issue, the mobile layout for the Grid and Carousel Elemenor widget has this default view for mobile. The add to cart button is only for the desktop not for the mobile. On mobile, it always shows the add to cart icon.
Also, the custom layout you have created for the categories archive pages, it will only apply on the shop and category archive pages not to the Elementor widgets on the homepage and other pages.
Best Regards.
How to change the mobile layout for the Grid and Carousel Elemenor widget to this layout? (see image)
Attachments:
You must be
logged in to view attached files.
Is there a way to disable the cart icon and heart icon in both product archive and Grid and Carousel Elemenor widget in mobile view?
Attachments:
You must be
logged in to view attached files.
Hello,
Edit the page with page builder which you are and in the responsive settings of the Products Grid and carousel widget configure it for mobile:
Like this:
https://ibb.co/Q8y3G3L
Please add the following Custom CSS code to Theme Settings > Custom CSS > Custom CSS for mobile:
.product-grid-item .wd-add-btn , .wd-buttons .wd-action-btn>a {
display: none;
}
Best Regards.
Please give me css for below
in both product archive and Grid and Carousel Elemenor widget in mobile view:
1. disable the cart icon
2. heart icon button remove white circle background, move the heart icon up again aligned with hot icon.
Attachments:
You must be
logged in to view attached files.
Hello,
Please add the following Custom CSS code to Theme Settings > Custom CSS > Custom CSS for mobile:
.wd-buttons .wd-action-btn>a {
width: 0px !important;
height: 0px !important;
top: 5px;
}
.product-grid-item .wd-add-btn {
display: none;
}
Best Regards.
.
