Opened 3 years ago
Closed 2 years ago
#7391 closed defect (bug) (duplicate)
In Responsive view, at 768px search button design does not looks proper
| Reported by: | pranitdugad | Owned by: | |
|---|---|---|---|
| Priority: | lowest | Milestone: | |
| Component: | Support Forums | Keywords: | has-screenshots needs-patch |
| Cc: |
Description
In Responsive view, at 768px (ipad mini device view) search button design does not looks proper
Attachments (3)
Change History (6)
#1
@
3 years ago
- Resolution → duplicate
- Status new → closed
Duplicate of #7365.
I think that’s a duplicate of https://meta.trac.wordpress.org/ticket/7365
#2
@
3 years ago
- Component WordPress.org Site → Support Forums
- Keywords needs-patch added
- Priority low → lowest
- Resolution duplicate
- Status closed → reopened
Not a duplicate of #7365, but similar.
Affected URL: https://wordpress.org/support/forums/
Patches above appear irrelevant, this is an off-by-one pixel in the media query rules (Probably less-than, instead of less-than-or-equal-to), not present at 767px width, not present at 769px, only present at 768px.
Setting priority to super-low, since this is so nitpicky resolution that it's hardly worth the time writing this comment.
#3
@
2 years ago
- Resolution → duplicate
- Status reopened → closed
This is actually a duplicate of #6860 (though admittedly that ticket didn't provide much context).
Ultimately, as Dion alluded to, the issue at hand is that the theme's styles make use of a breakpoint at 48em (768px) via both the @media screen and (min-width: 48em) and @media screen and (max-width: 48em). Unfortunately, at the breakpoint both grouping of rules applies. Bumping the max-width down by 1px was sufficient to resolve the issue. The issue will be fixed via the original ticket. Unfortunately, as Dion also noted, the patches from this ticket were not concise enough to be used.
![(please configure the [header_logo] section in trac.ini)](/chrome/site/your_project_logo.png)
I have attached Screenshot for better Understanding