Opened 5 months ago
Last modified 5 months ago
#6649 new defect (bug)
Content overflow issue in responsive design
Reported by: |
|
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)
Change History (2)
#1
@
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.
Content formatting issue at the Width 425px