AW85

The only "solution" in fixing the announcement bar also should one resorts to the other tutorial, can only be done via code injection (Business plan). Once again, many thanks to @tuanphan. For those unfamiliar / get up to speed ~ that tutorial also rotates the announcement bar which we do not want. This code injection fixes that so it remains horizontal. Add to Home > Settings > Advanced > Code Injection > Header <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script> <script> jQuery(document).ready(function($) { $(".header .sqs-announcement-bar-dropzone").insertBefore("header#header"); }); </script> <style> .sqs-announcement-bar-text p { padding-top: 0 !important; } </style>

Dear all / whoever in angst of this issue RE: Sidebar Nav / Vertical nav in SQ 7.1, I have tried my best nearing an entire month around-the-clock; at liaising with various member/s in and outside of the forum clarifying whether or not vertical navigations are pragmatically possible on PERSONAL subscription plan. At least without luxury assistance of plugins or coding injections via Business plan or above. Unfortunately, so far ~ all alternative workarounds seems compromised. All efforts points to a likely "no". Unless one is truly willing to put their necks in the sand and grind things through manually themselves. The best tutorial I have so far sought upon is here. But beware: this solution is halfway complete and/or half-baked. You cannot properly display all icons, nav items and cta-button ALL ON simultaneously. And you must find a way to revert vertical menu BACK TO horizontal menu if it is in mobile environment. Squarespace® sadly brings their 7.1 an ambivalent direction. It is one step forward, three step backwards. A step forward for those who are completely unaccustomed to web design. Three steps back for everyone else - that we have to tinker, troubleshoot and find workaround alternatives far too exhaustive, and unnecessarily numerous-jumping-through-hoops. I fear for the "what-if" scenarios - what if 7.1 were a mandatory global upgrade, like what they did from V6 to V7? Many thanks to @tuanphan for charitable efforts. I am not a developer hence please consider any or all workaround discussion a subjective one at best until you have proven to your existing needs and environment~ that it indeed works in all cases. Hopefully they pick this up, AW85.

...For anyone who's wondering. This problem is still unresolved. Meanwhile for anyone who's more able at providing further insights to this thread is appreciated.

Tuanphan, Thank you so much to willingly look into this for me. I have PM'd you the password needed to assess my rough trial site. AW.

hi Tuanphan, No unfortunately still tinkering around amidst other things going on at the moment sorry for the late reply.

There is a tutorial here. However there are still other things need fixing / more tutorials needed ~ Element & typographic spacing ~ if you follow the above tutorial, all spacing will be jampacked next to each other, and that nav links may appear squashed to left or right (depending on the overall Header Style you picked). The tutorial above didn't cover this issue, but so far the only way to make this work is to add more margin and position css overrides on the "header a" and "header-nav-wrapper" as follows: header a { margin: 5px; } .header-nav-wrapper { position: relative; left: 20px; } I'm no coder nor developer so please do not hold me accountable if anything breaks at your end. Announcement bars will ALSO be rotated to the left. So far I have not been able to find a way to bypass this effect on announcement bar. Following from announcement bar problem - once you clicked exit "X" it out ~ the entire nav suddenly shifts to the right. So far again, still troubleshooting my way through this. If anyone else can contribute to this thread, will help a lot. Since 7.1 gets RID of Well's beautiful sticky left nav style, we need to raise enough voice for side bar based navigation!