Adjust banner for mobile version ……..

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

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.

Leave Feedback →
(takes less than a minute)

Your input makes a real difference.

Topic closed.
The 8Theme Team