Web & Domains

WordPress layout or content looks wrong? Find the source before changing the design.

Missing content, mobile clipping and broken links can come from different layers. Preserve current work, identify the actual page or shared component and verify a small supported change as the intended visitor.

16 October 2026  •  9 min read

Woman comparing a phone with an abstract page on a monitor in a ceramics exhibition room

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
  1. 01Identify, preserve and trace the source
  2. 02Layout, links and images
  3. 03Shared layers, verification and help

Identify the page, element and view that is wrong

Record the actual public result before editing.

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 scope

Preserve current work and confirm the editing scope

A page edit and a shared-template edit have different effects.

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 version

Confirm the content source and current published version

The page you are editing may not supply the visible element.

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

Check usable content and controls, not just a preview label.

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 scope

Trace the image source, visibility and crop

A missing file, hidden element and cropped image need different fixes.

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

Investigate shared styles, cache or conflicts with the owner

Avoid a global reset when the evidence points to one layer.

If the correct saved content differs from the public page, compare the actual audience, template and relevant style/cache layer. Ask the owner which page, generated style or delivery cache needs attention. Do not clear every user’s data, disable all optimisation or regenerate the whole site repeatedly without identifying the affected layer and preserving current work.

For a suspected theme/plugin conflict or custom CSS/script, arrange a controlled staging investigation with a recoverable position and the developer. Test one relevant change at a time and keep a record of the before/after result. Deactivating all plugins or switching the live theme can alter forms, access, commerce and shared design, so it is not a safe blanket public troubleshooting step.

If an approved scoped regeneration or cache refresh is required, use the actual product’s current supported process and verify the result after it completes. Recheck the original issue and representative affected pages. Avoid hiding failures with broad overrides, making private content public or editing production PHP from the theme editor as a trial.

Isolate the actual source, audience, style, cache or conflict layer with the owner. Use controlled staging for disruptive diagnosis and verify a narrow fix instead of blanket resets or global overrides.

Next: Verify the published result and related-page scope

Get help with the specific page or shared component

Bring the actual URL, view and expected result without credentials.

Use the site owner or responsible developer for shared templates, complex dynamic content, unknown editor behaviour or a fix that affects other pages. Provide the actual URL, affected element, width/browser, expected and observed result, relevant timing and minimal screenshots with private data removed. Do not send admin passwords, secret keys or database exports in a general enquiry.

Our WordPress support and website maintenance pages can start a scoped discussion. Agree access, source preservation, change authority and verification before work. A layout repair does not itself establish site security, every browser’s behaviour or formal accessibility compliance.

If the actual problem is hosting availability or a resource constraint, use the hosting review guide. Unexpected unauthorised content needs incident handling rather than a cosmetic-only replacement. Keep the next action tied to the actual evidence.

Use the responsible editor/developer for the actual page or shared source. Keep evidence minimal and private and distinguish a layout repair from hosting recovery, security response or formal compliance.

Frequently asked questions

Why does a section disappear on mobile?

It may be intentionally hidden at a breakpoint, replaced by a mobile element, clipped or affected by inherited styles, a dynamic source or a missing asset. Check the actual visibility and source in the correct editor and front-end view; do not simply duplicate or unhide everything.

Why does editing the page not change the header or menu?

The visible element may come from a shared template, navigation instance, pattern, builder or dynamic field outside the page body. Identify that actual source and the affected-page scope before changing it. Different themes and editors expose different controls.

Should broken links all redirect to the home page?

No. Confirm each intended destination and correct the actual content/menu link or approved redirect. An unrelated home-page redirect can hide the error while leaving visitors unable to complete their task. Verify menu structure and unique same-page targets too.

Does restoring a content revision undo every website change?

No. A content revision has a limited scope and is not a complete backup of uploads, database state, themes, shared templates and plugin settings. Use the site’s appropriate preservation and recovery process for the actual change.

Is the mobile editor preview enough to approve a fix?

No. Check the actual front end as the intended visitor at representative widths, including relevant intermediate sizes. Test menus, links, anchors, reachable controls and image crops. One preview or screenshot is not a full device, browser or accessibility audit.

More practical IT guides

View all guides

Share this guide