phoenix
phoenixPhoenix - Your AI Assistant
Inactive session will be ended in 24 hours
End Session

Fix Layout Shift (CLS) & Roboto Font Flash in Oxygen

  • Posted:
  • Proposals: 28
  • Remote
  • #4527404
  • Open for Proposals
Joshua A.Raj S.Shoaib A.Bright A.Thompson J. + 23 others have already sent a proposal.
  • 4

Description

Experience Level: Entry


We need an experienced WordPress & Oxygen Builder developer to fix two front-end performance/layout issues on our live site.

Scope of Work:

Fix Header Layout Shift / Navigation Jump:

Re-link the missing/broken logo image in the global header template, lock explicit width/height dimensions on the logo element, and set a fixed minimum height on the main header row to eliminate Cumulative Layout Shift (CLS) during page navigation. Ensure html { overflow-y: scroll; } is properly applied.

Fix Roboto Font Flashing (FOUT):

Preload .woff2 Roboto fonts directly in the or host fonts locally (via OMGF/Oxygen local caching) so typography loads instantly without swapping or flashing default system fonts.

Terms & Budget:

Fixed Budget: $50 USD (non-negotiable, funds in escrow).

Payment Condition: $50 released immediately upon verification of clean layout rendering across all pages in an incognito session.

Timeline: Fast turnaround required (within 24 hours).

Please apply only if you are fluent in Oxygen Builder and can start immediately.

New Proposal

Create an account now and send a proposal now to get this project.

Sign up

Clarification Board Ask a Question

  • Sajawal I.

    I see you have already weighed preloading the Roboto .woff2 files against hosting them locally through OMGF or Oxygen local caching. Could you confirm which method the site currently uses to load Roboto, as that will decide the right approach for eliminating the font flash?

  • Farook K.

    Hi Mark

    Can you share the site URL?
    This will allow further diagnosis so a proposal can include possible solutions.

    Kind regards

    Farook