UX Issues – Header, Footer Styling

  • Resolved walakaka

    (@walakaka)


    1 year, 6 months ago

    # Background

    I am currently testing the plugin updates, the list of plugins I updated are as follows:

    • Elementor
    • Elementor Pro
    • Essential Addons

    There are other plugins updated such as click to chat and Yoast plugin, but those are not mentioned, as they don’t seem related

    I’m also using the astra theme, for additional context.

    The test page is staging.petcoach.sg

    The production page (which is currently working well without the updates) is petcoach.sg

    ## Issue

    ### Header Dropdown is Hidden

    The header and footer is not behaving as expected after the plugin update. See the screenshot of the header below where:

    • The header dropdown is hidden behind the next component
      Expected behaviour: The header dropdown should not be hidden, it should be infront of the next component
    View post on imgur.com
    • Expected behaviour is as follows:
    View post on imgur.com

    ### Header is hidden – When scrolling

    Current behaviour — header is hidden when scrolling

    View post on imgur.com

    Expected behaviour — header remains sticky and displayed infront:

    View post on imgur.com

    ### Header – Settings

    • Section Settings — Overlay: Default
    View post on imgur.com
    • Inner section, overlay is set to default too
    View post on imgur.com

    ## Issue — Footer

    The footer has also style formatting that is not normal

    ### The footer style is no longer overlayed

    It seem to have it’s own component

    View post on imgur.com

    ### Expected Behaviour Footer — Overlay

    The expected behaviour for the footer is as follows — the style should be overlayed

    View post on imgur.com
    • This topic was modified 1 year, 6 months ago by walakaka.
    • This topic was modified 1 year, 6 months ago by walakaka.

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter walakaka

    (@walakaka)

    1 year, 6 months ago

    Update, this is resolved caching issue. Steps to resolve:

    1. Regenerate all elementor css files
    2. Re-sync all elementor libraries
    3. Clear all litespeed cache

    Issue resolves, you can check the site staging.petoach.sg –> It’s now behaving as expected

    Ankush Thakare

    (@iankusht)

    1 year, 6 months ago

    Hi @walakaka,

    Thank you for reaching out and sharing an update with us. We’re so glad to hear that you were able to resolve the issue on your own!

    Wishing you a fantastic day and a productive week ahead.

    Best regards,
    Ankush 🙂

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

The topic ‘UX Issues – Header, Footer Styling’ is closed to new replies.