Home Forums WoodMart support forum Front-end changes when opening Developer Tools (F12)

Front-end changes when opening Developer Tools (F12)

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #723456

    sevtra7
    Participant

    Hello XTemos Team,

    I have encountered a very strange issue on my website and I would like your assistance.

    Issue description
    When I open my website normally, everything is displayed correctly.

    – The “Brandsluxe” logo is displayed.
    – My custom header is loaded.
    – The homepage looks exactly as expected.

    However, as soon as I press **F12** to open the browser Developer Tools (Chrome), the entire front-end changes unexpectedly.

    The page is automatically replaced by another version that displays:

    the default **Woodmart** logo,
    a different header,
    a different homepage layout.

    It looks like a completely different version of the site.

    Additional information

    – The issue only appears after opening the Developer Tools (F12).
    – Without F12, the website is displayed correctly.
    – Cloudflare is active, but I do not believe this issue is related to Cloudflare because it seems that another Woodmart
    template or layout is being loaded.
    – The browser console also shows a **Swiper Loop Warning**, but I believe this is unrelated to the main issue.

    My question

    Could you please explain why opening Developer Tools causes the website to switch to what appears to be the default Woodmart front-end?

    Is there a Woodmart setting (Header Builder, responsive layout, template conditions, cache, mobile header, AJAX loading, etc.) that could cause this behavior?

    If necessary, I can provide:
    administrator access,
    temporary FTP access.

    Thank you for your assistance.

    Best regards,

    Brandsluxe Team

    Attachments:
    You must be logged in to view attached files.
    #723474

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    Thank you for the detailed explanation.

    I checked your website and found that the issue is only related to the logo. When the browser switches to a smaller viewport (which can happen when opening the Developer Tools), the mobile header is displayed. Since the mobile logo has not been changed, it is still showing the default WoodMart logo.

    Please navigate to:
    WoodMart > Header Builder > Edit your current header > Switch to the Mobile Layout >Edit the Logo element > Upload your mobile logo. https://ibb.co/Lz0qdcGp

    After updating the mobile logo, the correct logo should be displayed when the mobile header is activated.

    Best Regards

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