Opened 7 months ago

#5821 new defect

Prevent layout shift on showcase feature banner

Reported by: jonoaldersonwp Owned by:
Milestone: Priority: low
Component: Showcase Keywords: seo performance


The hero banner on causes considerable layout shift as it loads. This should be corrected by implementing the following CSS:

  • Add display:block, object-fit:cover and height:310px to .screenshot
  • Change height to 336px on .wpsc-hero-slide-container
  • Set a min-height of 22px on .wpsc-slide-pager

Change History (0)

Note: See TracTickets for help on using tickets.