Context Navigation

← Previous Ticket
Next Ticket →

#6882 new defect (bug)

Documentation images are not responsive in small viewports

Reported by:	patelhitesh	Owned by:
Priority:	normal	Milestone:
Component:	HelpHub (wordpress.org/documentation)	Keywords:	needs-patch needs-design-feedback has-screenshots
Cc:

Description

Please check the below URL:
https://wordpress.org/documentation/article/how-to-install-wordpress/

To Reproduce
Steps to reproduce the behavior:

Go to the above URL
Switch to responsive mode, 425 wide
Scroll down to code blocks
See something like the screenshot
Expected behavior
It should either wrap or scroll, whatever is more generally accessible.

Attachments (2)

CleanShot 2023-03-23 at 13.59.50@2x.png (568.4 KB ) - added by patelhitesh 3 years ago.: Image formatting issue in mobile view design
CleanShot 2023-03-24 at 15.22.14@2x.png (788.9 KB ) - added by viralsampat 3 years ago.: I have checked above mentioned issue and I have resolved it and added patch. Also, I have attached screenshot after resolved this issue.

Download all attachments as: .zip

Change History (4)

@patelhitesh
3 years ago

Attachment CleanShot 2023-03-23 at 13.59.50@2x.png added

Image formatting issue in mobile view design

#1 @dd32
3 years ago

Component General → HelpHub
Summary Image formatting issue in mobile view design → Documentation images are not responsive in small viewports

#2 @viralsampat
3 years ago

Hello @patelhitesh

Here, I have added above-mentioned issue CSS, Also I have attached its screenshot for better understanding,

.thumbinner a.image img.thumbimage {
    height: auto;
    max-width: 100%;
    margin-top:10px
}

Thanks,

@viralsampat
3 years ago

Attachment CleanShot 2023-03-24 at 15.22.14@2x.png added

I have checked above mentioned issue and I have resolved it and added patch. Also, I have attached screenshot after resolved this issue.

Note: See TracTickets for help on using tickets.

Download in other formats:

Making WordPress.org