Hi Don.

1. In my projects I use HD Anycode module. It allows me to have full control over the code. And i don't have to be afraid that TinyMCE will remove anything from it.
2. Using extra <div> </div> in Custom Code doesn't make sense, because even a Custom module use its own < div > block already. Less code = Better.
3. About top2 "issue" in most cased it's caused by "wrong" HTML & CSS code used for that area or If the content inside is too long, compare it to the space reserved for that column.
4. About Menu module in horizontal, read/watch my tips >>

• Text: https://www.joomshaper.com/documentation/helix-framework/customization-tips#how-to-make-the-bottom-menu-vertical-instead-of-horizontal (universal tip), or/and
• Video: https://www.youtube.com/watch?v=GGR_QHEY7Mk

5. About Social icons in top1 or top2 - in SEO aspect it doesn't make sense! Why? Becuase people came to your site to read content from it or make action (purchase), not to escape to Social Media just after! Weeks or months to improve a site's SEO are therefore in vain. There is even whole video on youtube about that very popular UX mistake (made by WP & J! developers).

Of course, these are my observations and tips, I don't expect everyone to fully agree.

Thanks for your valuable Tip! I will give it a try. You are right about the Social Media icons.