Return to previous page

Elementor – Static Block Showing on Mobile

This topic has 3 replies, 3 voices, and was last updated 1 years, 1 months ago ago by Andrew Mitchell

KSwan

Participant

January 9, 2024 at 23:18

Hello.

In order to work around the mobile menu error we were having (from prev. thread), with no option to add the actual mobile menu to the button – we decided to use a static block for the mobile panels: “More toggle 01” option, set to use a Static block.

The static block was designed on elementor for mobile dimensions, as this is obviously for a mobile menu for the mobile panel. When viewing this, it shows with an extremely wide, out of canvas/screen view, where it’s impossible to view the content correctly.

We tried changing page template, seeing if it was showing from the mobile or desktop view and we have not found a reason to why.

Please could we have help with this.

“correct” elementor mobiel view: https://snipboard.io/FAvwPn.jpg
Real phone screenshot: https://snipboard.io/pvEhDI.jpg

Regards,

#379397 Copied Theme version: 9.2.5

2 Answers

Tony Rodriguez

Support staff

January 10, 2024 at 12:53

Hello, @KSwan,

We wanted to bring to your attention that the buttons in the static block may appear wider on the mobile panel due to the slider functionality

We would like to inform you that our current theme does not include options or functionality to enable an off-canvas menu from the mobile panel.

We have created a static block named “mobile” for your site. In this static block, we added a section and incorporated the XStore Text Button. The key to resolving the width issue lies in configuring the settings for this static block specifically for mobile view.

Here is a step-by-step guide to assist you in adjusting the settings:

a)Access the static block named “mobile” on your site.
b)Edit the section containing the XStore Text Button using Elementor.
c)Ensure that the settings are configured appropriately for mobile dimensions.
d)After making the necessary adjustments, click “Update” to save the changes.
e)Once you’ve completed these steps, set the static block “mobile” to be used on the mobile panel. You should find that the buttons now appear as intended, without the width issues previously encountered.

For a visual guide, please refer to the attached image:
https://imgur.com/a/8BOQR8x
https://imgur.com/a/LmKP3jf

Once you’ve completed these steps, set the static block “mobile” to be used on the mobile panel. You should find that the buttons now appear as intended, without the width issues previously encountered.

Best Regards,
The 8Theme Team

#379485 Copied

Andrew Mitchell

Support staff

January 29, 2024 at 00:18

Dear KSwan,

In the spirit of gratitude, we want to express our appreciation for your trust in our products. As a valued customer, your experience matters greatly. Would you consider sharing it by giving our theme a deserving 5-star rating on ThemeForest?

Click here to share your thoughts: https://themeforest.net/downloads

Being part of our community means a lot, and your feedback contributes immensely.

Best Regards,
The 8Theme Team

#381459 Copied
Tagged: elementor static block, mobile woocommerce, mobile wordpress themes, optimized mobile view, responsive design, woocommerce elementor, wordpress templates
Viewing 3 results - 1 through 3 (of 3 total)