Landing page top menu (global)

[LinUXBele]

WHERE On all pages

WHAT

• Header (on weather it will be Location)
• Dangerous weather alert symbol (IF there is a Weather alert, show alert icon after the header. Allow the icon to be a link to Weather alert detail page)
• Search Icon, when tapped it will lead to Search page
• Burger icon

If header is too long, please use ellipsis (...) and keep space enough for alert, search and burger icons.

WHAT NOT The search page and burger dropdown are NOT part of this story

DESIGN The illustration and colours on this app might change more than once, so make sure it can be edited one place (CSS) and automatically fixed everywhere

Dangerous weather icons is available, let me know if you do not have access

The dangerous weather icon must never impose on the Search icon. Please keep at least 15px space between these. Add ellipis earlier if it gets closer.

LINK TO FIGMA https://www.figma.com/file/YfA7lEgqNGxntEUisqZU65/Design-file-Sarepta-Malawi-mobile-app?type=design&node-id=9%3A2&mode=design&t=CbLQjoEx3xXMkaPm-1

[LinUXBele]

PLEASE FIX:

• When on landingpage, no back is needed
• Please change to other arrow (without tale), and make the tappable area big so it's easy to hit!

[danielmwakanema]

@LinUXBele, noted.

[LinUXBele]

Tested OK