Skip to content

Commit

Permalink
Fix "Other" menu for mobile
Browse files Browse the repository at this point in the history
  • Loading branch information
pothoven committed Jul 20, 2023
1 parent ef23eb1 commit 4c87ddf
Showing 1 changed file with 22 additions and 20 deletions.
42 changes: 22 additions & 20 deletions src/components/Header.js
Original file line number Diff line number Diff line change
@@ -37,7 +37,7 @@ const Header = ({ home }) => (
<ul className={cx('header__nav', { home })}>
<Popup
trigger={
<li>
<li key="adopt">
<button type="button" className={cx('popup-link')}>
Adopt
</button>
@@ -67,52 +67,54 @@ const Header = ({ home }) => (
</div>
</Popup>

<li className={cx('lose-20')}>
<li className={cx('lose-20')} key="volunteer">
<Link to="/volunteer">Volunteer</Link>
</li>
<li className={cx('lose-30')}>
<li className={cx('lose-30')} key="help">
<Link to="/help-our-cause">Help Our Cause</Link>
</li>
<li className={cx('lose-10')}>
<li className={cx('lose-10')} key="about">
<Link to="/mission">About</Link>
</li>
<li className={cx('lose-40')}>
<li className={cx('lose-40')} key="contact">
<Link to="/contact">Contact</Link>
</li>
<li className={cx('gain-50')}>
<li className={cx('gain-50')} key="donate">
<Link to="/donate">Donate</Link>
</li>
<li className={cx('lose-10')}>
<li className={cx('lose-10')} key="lost">
<Link to="/lost-a-pet">Lost a Pet</Link>
</li>

<Popup
trigger={
<li>
<li key="other">
<button type="button" className={cx('popup-link', 'other')}>
Other
</button>
</li>
}
on={['hover', 'click']}
>
<ul>
<li>

<div className="menu">
<div className="menu-item">
<Link to="/mission">About</Link>
</li>
<li className={cx('gain-40')}>
</div>
<div className="menu-item">
<Link to="/contact">Contact</Link>
</li>
<li className={cx('gain-30')}>
</div>
<div className="menu-item">
<Link to="/help-our-cause">Help Our Cause</Link>
</li>
<li>
</div>
<div className="menu-item">
<Link to="/lost-a-pet">Lost a Pet</Link>
</li>
<li className={cx('gain-20')}>
</div>
<div className="menu-item">
<Link to="/volunteer">Volunteer</Link>
</li>
</ul>
</div>
</div>

</Popup>
</ul>
<div className={cx('donate-cat')}>

0 comments on commit 4c87ddf

Please sign in to comment.