New Post Menu - Vanilla Success

/* * These styles apply ONLY to the header and footer assets. */ * { padding: 0; margin: 0; box-sizing: border-box; } .footer { background: #f5f5f6; color: #555a62; font-size: 14px; line-height: 1.5; padding: 18px 0; } .footer-wrap { padding-left: 18px; padding-right: 18px; max-width: 1236px; margin: 0 auto; } .footer a { color: #0291db; } .footer a:hover { color: #0276b3; } .footer-row { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin: -3px; } .footer-col { padding: 0 3px; } .footer-col-copyRight { justify-content: flex-start; } .footer-col-logo { justify-content: flex-end; } .footer-col-copyRight, .footer-col-logo { flex: 1; display: flex; } .logo { width: 120px; height: 28px; opacity: 0.6; } @media screen and (max-width: 768px) { .footer-row { display: block; } .footer-col { width: 100%; text-align: center; margin: 6px 0; } .footer-col:first-child { margin-top: 0; } .footer-col:last-child { margin-bottom: 0; } .footer-col-copyRight, .footer-col-logo { justify-content: center; } .logo { margin: 0 auto; } } /*# sourceMappingURL=styles.css.map */

Overview

The "New Post" Menu on Vanilla will display differently when accessing the site via desktop on a mobile device. This feature will automatically be applied for sites using our Foundation theme.

On desktop, the New Post button will display above the quick links. Which ever discussion options you have enabled (Questions, Polls, Ideas) will display when you click on the New Post button:

Screen Shot 2021-08-03 at 2.14.06 PM.png

When viewing the site on a mobile device the New Post button will display as a toggle at bottom-right:

Screen Shot 2021-08-03 at 2.17.26 PM.png

Legacy Themes

The New Post Menu can be activated even for legacy themes through Vanilla Labs.

Screen Shot 2021-10-15 at 2.14.51 PM.png

If you would like for the discussion options to display as icons only, you can add this theme variable in the theme editor:

    "newPostMenu.toggle.iconsOnly": true

See more about advanced settings.