I have read so many threads and tried so many coding options with no luck.
That’s because CSS code changes are SPECIFIC to each theme and even how the theme is implemented on each individual website. So what works on someone’s site is very unlikely to work on your site… especially if you’re using a different theme.
And talking about themes…
I would like to adjust the padding to the left of the vertical menu & social media buttons (Left-hand side of the page) but am having trouble finding out where to do that.
Your site is using a commercial theme (Solonick) and a commercial page builder (Visual Composer). So I’m unable to install your theme on a test site to have a deeper insight into your issue.
Looking in from the outside, perhaps the easiest way I can think of is to shift the entire container to the left. The screenshot below shows what a negative 20px left positioning gives you.
header.main-header {
left: -20px;
}
I can see you already have a lot of custom styles in ADDITIONAL CSS, so you want to place this at the very end.
And if the above doesn’t work for you, please consult the Solonick theme’s developer or the marketplace where you purchased it from for support. Commercial theme and plugin vendors are in the best position to support their products and customers. Please see: https://themeforest.net/item/solonick-personal-portfolio-wordpress-theme/21872602/support
Good luck!

Thanks a lot for your input!
That worked well enough for the time being. Still want to shrink the size of the left container and get the social media items to remain in the middle of it, but I contacted support as well as I’m struggling to figure out all the additional coding the developer of the site did. Have only recently taken it over, but without the licence key for the theme, I’m not sure if they will offer any support.
I guess we’ll see what they say.
Thanks again!
Have a great weekend!