Floating Language Selector Causes Layout Shift and Unexpected Theme Styling

  • Resolved raslan7

    (@raslan7)


    1 week, 3 days ago

    Hello,

    I’m experiencing an issue with the GTranslate floating language selector on my WordPress website.

    Website: https://bogaev.com

    When a visitor interacts with the floating language selector, the page layout changes unexpectedly. The page shifts upward and parts of the website display gray colors that are not part of my design. The site looks normal before interacting with the widget, and the issue only occurs after opening or using it.

    Environment:

    • WordPress (latest)
    • Astra Theme
    • Elementor
    • GTranslate Floating Language Selector
    • LiteSpeed Cache (also tested with it disabled)

    Troubleshooting completed:

    • Tested using WordPress Health Check Troubleshooting Mode with most plugins disabled.
    • Inspected the page with Chrome DevTools.
    • <body> and <html> classes remain unchanged before and after the issue.
    • Computed background colors for <body> and <html> also remain unchanged, so the issue appears to affect other elements on the page rather than the root document.

    Could you please let me know:

    • Is this a known compatibility issue with Astra or Elementor?
    • Does the floating widget inject CSS or JavaScript that could affect page layout or styling?
    • Are there any recommended settings or CSS fixes to prevent this behavior?

    I’m happy to provide screenshots, a screen recording, browser information, or any additional debugging information if needed.

    Thank you.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
Viewing 3 replies - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.