Website Fixes

Fixed Mobile Bio Popup Scrolling and Project Image Quality

A frontend fix note about repairing a mobile popup scroll issue, adding a project card, and correcting blurry responsive image output.

Quick summary

A frontend fix note about repairing a mobile popup scroll issue, adding a project card, and correcting blurry responsive image output.

The problem

The page had a bio popup that showed scrollbars but would not scroll properly on affected views, and new project imagery exposed a responsive image sizing problem.

What I checked

  • Mobile and laptop popup behavior
  • Lightbox content scrolling
  • Panel positioning and overflow rules
  • Project card listing output
  • Responsive image sizes compared with viewport width

What I changed

  • Adjusted mobile CSS so the popup content could scroll normally
  • Added the requested project card and matching detail page
  • Removed an unrelated extra card from the listing
  • Reoptimized affected project images
  • Added a larger default image size for cleaner card and project display

Result

The popup became usable on smaller views and project images loaded at a size that better matched their display area.

What I'd watch next

  • Whether future popup content exceeds the available mobile height
  • Whether new project images include appropriate generated sizes
  • Whether builder or lightbox updates change overflow behavior

Tools used

WordPressCSS reviewGLightboxResponsive image testing

Need help with something similar?

Send the URL and what needs fixed.