This topic has 6 replies, 2 voices, and was last updated 1 years ago ago by countryman
Hi.
I have inserted a slider on the home page of the site (Product categories list).
I have 4 images/categories on my desktop view.
On the mobile view, it shows one.
In the widget settings, I assigned the name “Test” to the CSS ID.
I added the code to the Themes Custom CSS > Mobile (0-480px):
@media (max-width: 480px) {
#Test .category-grid{
width: 50% !important;
}}
What I got is the display of only one category/image on the left side while the right side is empty.
How do I solve this?
Hello, @countryman,
Please record a video of the problem for a better understanding. Upload it on a filesharing service, for example – https://wetransfer.com/ , and provide us with URL.
Furthermore, we would appreciate it if you could create temporary wp-admin access and share the details via the private content area. This will allow us to review your settings and better understand the issue at hand.
We kindly recommend that you take a complete backup of your site before proceeding.
Best Regards,
Team 8Theme
I am sending you the access information.
All I want is to have 2 columns in the slider instead of one on mobile devices.
When I use the code to reduce the width to 50%, I still don’t get the second column.
Also, when you reach the end of the page on the mobile view, parts of the footer go over the header (which is sticky) and they shouldn’t.
I haven’t found a solution for this problem, and neither for the category slider.
Hello, @countryman,
Thank you for your response.
1/ We are pleased to inform you that the issue you reported has been successfully resolved. We kindly ask that you revisit your website after clearing your browser’s cache to see the changes implemented.
As part of the solution, we have configured the Slider Items to display 2 items when accessed from a mobile device. This adjustment has addressed the concern you brought to our attention.
For your reference, please view the following image which illustrates the modification: https://ibb.co/S6GB7bY
2/ We are pleased to inform you that the issue you reported has been successfully resolved. We kindly ask that you clear your browser’s cache and revisit your site to see the improvements. Our team has implemented the necessary CSS code to address the problem, and we have attached an image for your reference. https://ibb.co/jMPYsFv and https://ibb.co/n3jyhNn
Should you require any further assistance, please do not hesitate to reach out.
Best Regards,
The 8Theme Team
Hello Tony,
Thank you very much for your help!
Everything works great now.
The issue related to '‘2 categories/images in the mobile page slider’' has been successfully resolved, and the topic is now closed for further responses