When viewed in a narrow window (either on iPhone or narrow Firefox window), the search box is vertically offset downwards by about 10-20 pixels. It should be vertically centred in the black bar, the same way the "Sections" menu is. See attached screenshot of narrow Firefox window.

Files: 
CommentFileSizeAuthor
screendump_agov_small.jpg90.45 KBgregmcf

Comments

Hi Greg,

Thanks for posting your issue.

It looks like the different logo size is affecting the margins of the search form in mobile size.

The quick fix is to resize your logo to match that of the agov logo that is part of agov.

The longer-term fix is to change the CSS so it has nothing to do with logo size :-\

Feel free to post a patch if you have a fix.

Kim

Thanks Kim. I resized logo to 212x70 (same as aGov) and it fixed the problem. I'll have a go at changing the CSS. Which file should I start looking in?

Just to confirm, the padding around the logo is not optimal, so the size of the logo is important to get the layout correct. This is a known issue, but with a fairly easy work-around, as Kim has outlined.