Adjust banner for mobile version ……..

This topic has 4 replies, 3 voices, and was last updated 4 minutes ago ago by Tony Rodriguez

  • Avatar: chutipao
    chutipao
    Participant
    March 3, 2026 at 06:17

    On the desktop version of the homepage, the top banner size is being applied exactly the same way on mobile.
    As a result, the banner appears too large on mobile devices and takes up too much space. Is it possible to reduce the size or completely remove banners that are unnecessary for the mobile view?

    3 Answers
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    March 3, 2026 at 07:37

    Hello @chutipao,

    You can either adjust the spacing and sizes of the relevant widgets (https://youtu.be/DilH5rvTiS0?si=xyUoHYCeB-2X5VB-&t=1483) or hide certain elements on specific devices by following these steps:

    1. Open the Elementor Editor:
    Navigate to the page you wish to edit and click “Edit with Elementor.”

    2. Select the Element:
    Click on the specific widget, column, or section you would like to hide or display.

    3. Go to the Advanced Tab:
    In the left-hand editor panel, click on the Advanced tab.

    4. Open Responsive Settings:
    Scroll down within the Advanced tab and expand the Responsive section.

    5. Adjust Visibility:
    Use the toggles to control visibility for different devices (https://prnt.sc/kXaOkZc8rOR8):
    – Hide on Desktop: Hides the element on desktop screens.
    – Hide on Tablet: Hides the element on tablet screens.
    – Hide on Mobile: Hides the element on mobile screens.

    6. Save Your Changes:
    Click the Update button to publish your changes.

    Note: Elements hidden on a specific device will appear grayed out in the Elementor editor when viewing that device’s preview mode, indicating that they will not be visible on the live site.

    Best regards,
    Jack Richardson
    The 8Theme’s Team

    Avatar: chutipao
    chutipao
    Participant
    March 4, 2026 at 06:03

    Thanks for the support! My topic “adjust banner for mobile version ……..” has been successfully resolved.

    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    March 4, 2026 at 06:03

    Dear chutipao,

    We really appreciate your time and engagement within the WordPress & WooCommerce community

    Your feedback drives every improvement we make in XStore — helping us deliver a smoother and more flexible experience with each update.

    Your input makes a real difference.

    Topic closed.
    The 8Theme Team

  • Viewing 4 results - 1 through 4 (of 4 total)

The issue related to '‘adjust banner for mobile version ……..’' 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.