For authorised website owners and editors
Work within the actual editor, theme and approved design. Page content, shared templates, dynamic fields, navigation and responsive styles have different scopes; confirm the source before making a global change.
Step 1 of 9
In this guide
Identify the page, element and view that is wrong
Identify the page, element and view that is wrong
Open the affected page through its known address and record the exact element, expected result, actual symptom and when it began. Note whether it affects one page or shared areas, such as the header, navigation or footer. Include the browser, approximate width and whether the view is an editor preview, logged-in page or intended public visitor view.
For a mobile issue, identify the actual problem: clipped content, wrong stacking, unreadable text, an inaccessible menu, a missing image or a link that cannot be selected. A page fitting the screen does not prove every child control is reachable. For a content issue, note which words, images or dynamic entries are missing or incorrect without copying private customer material into a general support request.
If the whole site is unavailable, a security warning appears or content has changed unexpectedly without authority, use the responsible hosting or incident process. Do not bypass certificate warnings, publish private content to compare it or assume a cosmetic repair resolves a suspected compromise.
Identify the real page, element, device/view and expected behaviour. Keep broad outages or suspicious changes on their proper response route rather than treating them as ordinary layout edits.
Next: Preserve current work and confirm the editing scopePreserve current work and confirm the editing scope
Preserve current work and confirm the editing scope
Confirm the site owner’s authority and who is responsible for the change. Identify the actual editor/theme arrangement and relevant version: the block editor, classic content editor, Site Editor and a page builder can expose different controls. Do not switch editors, themes or builders just to find a setting shown in another product’s instructions.
Keep unsaved work and a record of the current content/settings. Use the site’s approved draft, revision, staging and recovery process appropriate to the scope. A WordPress content revision is not a complete backup of the database, uploads, theme, shared templates and plugin settings. Broader work needs a recoverable position and an owner who can restore it.
Check whether the selected object is local to this page or a shared template, menu, pattern or global style. A small-looking change can affect other pages. Keep original branding and approved content intact while diagnosing, and do not edit theme PHP, remove template files, disable all live plugins or apply a global CSS patch as a first experiment.
Preserve work, use the actual editor and establish local versus shared scope. Revisions are useful within their limits, not a full-site recovery plan or authority for global changes.
Next: Confirm the content source and current published versionConfirm the content source and current published version
Confirm the content source and current published version
Confirm the correct page/post and its intended publication/visibility state, then locate the source of the affected element. A shared header, menu, template part, reusable pattern, featured image, custom field or query-driven section may supply content outside the page body. Editing another copy of the wording will not necessarily change the public result.
Compare the saved source, the appropriate preview and the current front-end page. The WordPress View guidance distinguishes editor canvas from a new front-end view. Available responsive controls depend on the editor, theme and version; newer block-theme controls are not present on every installation.
For dynamic content, have the responsible owner check the actual source, required fields, query/category selection and audience/role rules. Missing public content may be unpublished, intentionally restricted or supplied by a different template. Do not make private records public, grant broad access or remove display conditions merely to make an empty section look populated. A cached response can also differ from the current source and needs its own scoped check.
Trace the visible element to its actual saved source and intended audience. A preview, duplicate text or empty query does not justify publishing private data or changing global display rules.
More checks6 detailed checks
Review mobile layout at real and intermediate widths
Review mobile layout at real and intermediate widths
Use the actual editor’s responsive preview where available, then check the front end at representative desktop/mobile widths and widths between presets. Compare the same section and inspect stacking, container width, padding, text wrapping, image crop and any fixed or sticky elements. A mobile preset is a width approximation, not proof of behaviour on every real device.
Inspect whether the missing element is deliberately hidden at that breakpoint or replaced by another mobile element. Page builders can have per-device visibility and inherited styles; native responsive options also vary by theme/version. Keep intentional design choices unless the owner agrees they are wrong. Do not duplicate hidden content across the page or hide essential text simply to remove overflow.
Confirm the preservation and local/shared scope above before editing. Make the smallest approved component-level adjustment using the supported controls. Keep touch targets, menu opening/closing, text readability, keyboard access and anchor clearance usable. Fixed widths, oversized media, negative spacing and overlays can each cause clipping. If a shared style or custom code is responsible, preserve the evidence for the developer rather than add a site-wide overflow rule that hides the inaccessible part.
Check actual widths, inherited settings and intended visibility, then change only the relevant component. No horizontal page scroll does not prove every menu, button or child element is reachable.
Next: Verify the published result and related-page scopeTrace the image source, visibility and crop
Trace the image source, visibility and crop
Confirm which approved image the element should use and whether it is a content image, featured image, background or dynamic field. Check the selected media/source and whether the actual public image loads. A missing attachment, old external/temporary URL, denied file request, hidden element and wrong crop can produce different symptoms.
Use the original licensed/approved asset or supported media selection rather than guessing a replacement file path. Check the actual responsive size, aspect ratio, crop/focal point and fit at the affected width. A background can crop differently from a normal image; revealing the whole image may also change the layout. Keep the subject relevant and do not describe generated images as proof of real work.
Write accurate alternative text for meaningful images and review the image title/caption where used. Decorative images may appropriately have empty alt text; a filename or keyword string is not automatically useful alternative text. Do not delete the media library, remove access controls or perform a blind database URL replacement to repair one image. Preserve originals and verify any approved swap in the real page.
Identify the real image source, loaded state, visibility and crop before a scoped swap. Preserve approved assets and accurate metadata; missing content is not a reason for bulk media deletion or access bypass.
Next: Verify the published result and related-page scope




