Making WordPress.org

Opened 8 months ago

Last modified 8 months ago

#6738 new defect (bug)

https://developer.wordpress.org/reference/hooks/page/49/ page h1 tag cutting issue on mobile

Reported by: upadalavipul's profile upadalavipul Owned by:
Milestone: Priority: normal
Component: General Keywords:
Cc:

Description

I have reviewed the above page on my mobile devices and found this page h1 tag text cutting issue. please check the below-attached screenshot for a better understanding.

Screenshot: https://share.cleanshot.com/TK9HJGnRcFZynx7gmycg

Change History (2)

#1 @upadalavipul
8 months ago

Need to add the below CSS for the above issue.

CSS:

.devhub-wrap .wp-parser-class h1, .devhub-wrap .wp-parser-function h1, .devhub-wrap .wp-parser-hook h1, .devhub-wrap .wp-parser-method h1{

word-break: break-all;

}

#2 @himshekhar07
8 months ago

Thanks for creating this ticket.
I have regenerated the issue.

Need to add the below CSS for the above issue.
CSS:

@media only screen and (min-width:480px) and (max-width:320px) {
.devhub-wrap .wp-parser-class h1, .devhub-wrap .wp-parser-function h1, .devhub-wrap .wp-parser-hook h1, .devhub-wrap .wp-parser-method h1{
font-size: 16px;
 }
}
Note: See TracTickets for help on using tickets.