Elementor – Static Block Showing on Mobile

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

  • Avatar: KSwan
    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,

    2 Answers
    Avatar: Tony Rodriguez
    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

    Avatar: Andrew Mitchell
    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

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

The issue related to '‘Elementor – Static Block Showing on Mobile’' 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.