Return to previous page

2 categories/images in the mobile page slider

This topic has 6 replies, 2 voices, and was last updated 11 months ago ago by countryman

countryman

Participant

December 16, 2023 at 11:38

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?

Please, contact administrator
for this information.

#376877 Copied Theme version: 9.2.5

5 Answers

Tony Rodriguez

Support staff

December 16, 2023 at 14:08

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

Please contact administrator
for this information.

#376889 Copied

countryman

Participant

December 16, 2023 at 18:18

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.

Please contact administrator
for this information.

#376899 Copied

countryman

Participant

December 17, 2023 at 23:31

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.

Please contact administrator
for this information.

#376941 Copied

Tony Rodriguez

Support staff

December 18, 2023 at 07:06

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

#376954 Copied

countryman

Participant

December 18, 2023 at 08:10

Hello Tony,

Thank you very much for your help!
Everything works great now.

#376961 Copied
Tagged: best woocommerce themes, highly rated themes, mobile page slider, premium woocommerce templates, responsive woocommerce designs, top selling themes, woocommerce mobile themes
Viewing 6 results - 1 through 6 (of 6 total)

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

2 categories/images in the mobile page slider

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection