Add Donate button to the top of story pages in the sticky nav, in a way that does not collapse to the "More" menu.

INN / umbrella-publicsource

Umbrella repository for publicsource.wpengine.com

GNU General Public License v2.0

0 stars 2 forks source link

Add Donate button to the top of story pages in the sticky nav, in a way that does not collapse to the "More" menu. #10

Closed benlk closed 5 years ago

benlk commented 5 years ago

This should use the logic from the existing global nav donate button for the donation link and text.

Since this is in the sticky nav, the template to edit is partials/nav-sticky.php.

benlk commented 5 years ago

Largo's existing Donate Button doesn't collapse to the sticky nav, except when on mobile there's no space for it. Largo does this with CSS that hides the donate button in the sticky nav, and reveals the button in .nav-right .header-extras.

So we'll need to:

[ ] change colors to match the existing donate button in the header
[ ] mess with the styles for #header-extras li.donate and .nav-shelf li.donate to change that breakpoint from 480px to something smaller, like 390px: