Making WordPress.org

Opened 5 months ago

Last modified 5 months ago

#6649 new defect (bug)

Content overflow issue in responsive design

Reported by: patelhitesh's profile patelhitesh Owned by:
Milestone: Priority: normal
Component: General Keywords: needs-patch needs-design-feedback has-screenshots
Cc:

Description

Please check the below link:
https://wordpressfoundation.org/2017-annual-report/
When we check this page to 425px layout, the content is not looking good as per the attached screenshot.

Steps to reproduce:
Visit the site: https://wordpressfoundation.org/2017-annual-report/
Inspect the page and set the width to 425px
The content does not look good in WordCamp statistics section

Attachments (1)

CleanShot 2022-12-27 at 16.36.40@2x.png (180.2 KB) - added by patelhitesh 5 months ago.
Content formatting issue at the Width 425px

Download all attachments as: .zip

Change History (2)

@patelhitesh
5 months ago

Content formatting issue at the Width 425px

#1 @baroliyamayur
5 months ago

This issue is happen because of css media query. To resolved this issue please find below changes.

@media only screen and (max-width:600px){
	body.page-id-34937 .site-main article .flex.se-asia-map{background-position:center center;flex-direction:column;}
	body.page-id-34937 .site-main article .flex.se-asia-map p{max-width:100%;padding-left:0;margin:20px 0 20px;}
}
Note: See TracTickets for help on using tickets.