Having problrm on site when opening on phone

This topic has 9 replies, 3 voices, and was last updated 1 months ago ago by Jack Richardson

  • Avatar: Anurag
    Anurag
    Participant
    March 18, 2025 at 15:40

    When i open my website on any phone it shows in box content then after 1-2 sec it will shows full screnn how can i fix this as i shown in the image below

    Files is visible for topic creator and
    support staff only.
    8 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 18, 2025 at 16:40

    Hello, Anurag,

    Thank you for reaching out to us.

    Could you please provide temporary wp-admin access? We need to check your settings.

    To grant WP-Admin access, please proceed to create a new user account with an administrator role through your WordPress Dashboard. Once the account is established, you may securely transmit the username and password to us via the Private Content section designated for this purpose.

    Warm Regards,
    The 8Theme Team

    Avatar: Anurag
    Anurag
    Participant
    March 19, 2025 at 07:15

    Here it is

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 19, 2025 at 09:35

    Hello, Anurag,

    We appreciate your prompt response.

    Elementor uses scripts to make full-width row, and apply styles, so it takes some time while necessary scripts are loaded. You can enable site preloader to hide that effect or try to speed up the scripts loading using cache plugin, improve server speed settings.

    Best Regards,
    8Theme’s Team

    Avatar: Anurag
    Anurag
    Participant
    March 19, 2025 at 09:38

    i am already using site preloder but it still sppears like that

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    March 19, 2025 at 11:29

    Hello @Anurag,

    The stretch section functionality is a default feature of Elementor scripts. You may consider deactivating the stretch section option. After doing so, you can apply the following custom CSS to the specific section that was previously stretched using JavaScript:

    Steps:
    1. Edit the section.
    2. Navigate to the “Advanced” tab.
    3. Add the following CSS under “Custom CSS”:

    selector {
    left: 50%;
      margin-left: -50vw;
      margin-right: -50vw;
      max-width: 100vw;
      position: relative;
      right: 50%;
      width: 100vw;
    }

    Please let us know if you need any further assistance.

    Best regards,
    Jack Richardson
    8Theme Team

    Avatar: Anurag
    Anurag
    Participant
    March 19, 2025 at 17:58

    You telling me to do this

    Files is visible for topic creator and
    support staff only.
    Avatar: Anurag
    Anurag
    Participant
    March 19, 2025 at 21:03

    its happens with every container i placing there i thought that i will replace that with any other element but its hapenning with every container i placing there

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    March 20, 2025 at 09:37

    Dear @Anurag,

    We have manually added the snippet for the first section of your homepage, and it is now functioning correctly. Please review it at your convenience:
    https://prnt.sc/U7wP9IqkHXJH, https://prnt.sc/yz-0jpIcqiVt.

    It is possible that the layout shift issue occurred because the “stretch option” was not disabled, as we previously suggested. Kindly check this setting here: https://prnt.sc/ubM7_pM503al.

    Please let us know if you need any further assistance.

    Best regards,
    Jack Richardson
    8Theme Team

  • Viewing 9 results - 1 through 9 (of 9 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.