WordPress.org

Making WordPress.org

Opened 6 years ago

Closed 5 years ago

#259 closed defect (fixed)

Responsive header looks broken on iOS7

Reported by: samuelsidler Owned by:
Milestone: Priority: normal
Component: General Keywords:
Cc:

Description

The responsive header has some issues on iOS7. These are the two issues that I specifically notice:

  • The search button is off screen.
  • The "Ready to get started?" text isn't centered.

See attached screenshot.

Attachments (3)

IMG_2081.jpg (149.5 KB) - added by samuelsidler 6 years ago.
Responsive header on iOS7
wp4-style4.diff (30.6 KB) - added by cyberchimps 6 years ago.
Shortens search box width at mobile and fixes centralised download button text
wp4-style4.2.diff (1.9 KB) - added by cyberchimps 6 years ago.
Shortens search box width at mobile and fixes centralised download button text

Download all attachments as: .zip

Change History (11)

@samuelsidler
6 years ago

Responsive header on iOS7

#1 @samuelsidler
6 years ago

  • Cc otto42 cyberchimps added

#2 @Otto42
6 years ago

  • Cc Otto42 added; otto42 removed

@cyberchimps
6 years ago

Shortens search box width at mobile and fixes centralised download button text

#3 @cyberchimps
6 years ago

I have added the fixes for this. There is still a small problem with the "ready to get started?" text as it scales up. Probably because it is a span element. It seems to be only affected for about 5px and results in no margin between button and text when they are horizontally aligned.
The search input I have just made narrower at mobile level.

#4 @Otto42
6 years ago

Your diff appears to also contain a lot of unrelated differences as well. Can you whittle it down to just the relevant ones for this specific ticket?

#5 @netweb
6 years ago

  • Cc stephen@… added

@cyberchimps
6 years ago

Shortens search box width at mobile and fixes centralised download button text

#6 @cyberchimps
6 years ago

@Otto42 - Sorry about that, should be better now. Also did you see the work on the footer http://meta.trac.wordpress.org/ticket/235 will it work for you?

This ticket was mentioned in IRC in #wordpress-meta by sams. View the logs.


5 years ago

#8 @samuelsidler
5 years ago

  • Resolution set to fixed
  • Status changed from new to closed

We fixed this a few weeks ago, not realizing the ticket was open for it (even though I opened it).

Note: See TracTickets for help on using tickets.