2 categories/images in the mobile page slider

This topic has 6 replies, 2 voices, and was last updated 1 years ago ago by countryman

  • Avatar: 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.
    5 Answers
    Avatar: Tony Rodriguez
    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.
    Avatar: countryman
    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.
    Avatar: countryman
    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.
    Avatar: Tony Rodriguez
    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

    Avatar: countryman
    countryman
    Participant
    December 18, 2023 at 08:10

    Hello Tony,

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

  • 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

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.