Help to display 2 columns of categories in mobile version

This topic has 4 replies, 2 voices, and was last updated 9 months, 3 weeks ago ago by Tony Rodriguez

  • Avatar: Diego
    Diego
    Participant
    February 29, 2024 at 23:21

    Hello there, I need your help to display to columns of categories on mobiles, in my site:
    https://iluminaled.cl/proyectores/

    Please, contact administrator
    for this information.
    3 Answers
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    March 1, 2024 at 07:35

    Hello, @Diego,

    Thank you for contacting us and for using XStore.

    We kindly request that you implement a two-column layout for category displays exclusively on the mobile version of your website. To achieve this, please follow the steps outlined below:

    1. Navigate to the “XStore” section of your website’s dashboard.
    2. Proceed to “Theme Options.”
    3. Locate the “Theme Custom CSS” area.
    4. Within the “Global CSS” field, copy and paste the following CSS code:

    @media only screen and (max-width: 767px){
    .slider-2692.categories-grid.row .col-xs-12 {
        width: 50% !important;
    }
    }

    By inserting this code, you will enable the desired two-column appearance for your categories when viewed on mobile devices.

    Should you require any further assistance, please do not hesitate to reach out.

    Warm regards,
    The 8Theme Team

    Please contact administrator
    for this information.
    Avatar: Diego
    Diego
    Participant
    March 1, 2024 at 18:46

    thanks tony, I followed all the steps but nothing happened.
    Just to make sure, I’m using the “category” widget.
    Did I missed something?

    Files is visible for topic creator and
    support staff only.
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    March 2, 2024 at 05:25

    Hello, @Diego,

    Thank you for your response.

    We are pleased to inform you that the issue you reported has been successfully resolved. To experience the improvements, we kindly ask that you clear your mobile browser’s cache before revisiting your site.

    Our technical team has implemented updates to the CSS code, which should address the concerns you encountered. Should you require any further assistance or have additional questions, please do not hesitate to reach out.

    Thank you for your continued patience and understanding throughout this process.

    Best Regards,
    The 8Theme Team

    Please contact administrator
    for this information.
  • Viewing 4 results - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.Log in/Sign up

Helpful Topics

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