New Post Menu - Vanilla Success
<main> <article class="userContent"> <h2 data-id="overview">Overview</h2><p>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.</p><p>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:</p><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://us.v-cdn.net/6030677/uploads/WU7Z4YP9DM4Z/screen-shot-2021-08-03-at-2-14-06-pm.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/WU7Z4YP9DM4Z/screen-shot-2021-08-03-at-2-14-06-pm.png" alt="Screen Shot 2021-08-03 at 2.14.06 PM.png" height="619" width="1278" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <p><br></p><p>When viewing the site on a mobile device the New Post button will display as a toggle at bottom-right:</p><p><br></p><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://us.v-cdn.net/6030677/uploads/5QOR7Y49T93H/screen-shot-2021-08-03-at-2-17-26-pm.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/5QOR7Y49T93H/screen-shot-2021-08-03-at-2-17-26-pm.png" alt="Screen Shot 2021-08-03 at 2.17.26 PM.png" height="695" width="410" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <p><br></p><h2 data-id="legacy-themes">Legacy Themes</h2><p>The New Post Menu can be activated even for legacy themes through Vanilla Labs.</p><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://us.v-cdn.net/6030677/uploads/UGDK5COW5CS9/screen-shot-2021-10-15-at-2-14-51-pm.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/UGDK5COW5CS9/screen-shot-2021-10-15-at-2-14-51-pm.png" alt="Screen Shot 2021-10-15 at 2.14.51 PM.png" height="1142" width="2452" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <p><br></p><p>If you would like for the discussion options to display as icons only, you can add this theme variable in the theme editor:</p><pre class="code codeBlock" spellcheck="false" tabindex="0"> "newPostMenu.toggle.iconsOnly": true </pre><p>See more about <a href="https://success.vanillaforums.com/kb/articles/414-advanced-settings-getting-started-with-theme-variables" rel="nofollow noreferrer ugc">advanced settings.</a></p> </article> </main>