C2LC-12: Site logo disappears when browser window is resized

Metadata

Source
C2LC-12
Type
Task
Priority
N/A
Status
Done
Resolution
N/A
Assignee
Avtar Gill
Reporter
Avtar Gill
Created
2019-08-07T17:26:07.299-0400
Updated
2019-12-06T10:35:34.823-0500
Versions
N/A
Fixed Versions
N/A
Component
  1. Website

Description

Reproduce issue by:

  1. Visiting https://www.codelearncreate.org/
  2. Resize window so mobile view is displayed
  3. Expand menu by clicking the hamburger icon
  4. Logo is hidden – resize browser window to show desktop view
  5. Navigation area looks odd with the hidden logo

The reason for hiding the logo is so to make room for the menu items and not make it seem confusing or cluttered. There's probably a better way to accomplish this without having to hide the image and run into the issue described above. One possible approach could be playing around with z-index while also changing the width of the header's wrapper.

Comments