Thanks for the quick answer. Sorry if the questions are not clear enough. I try to explain better.
1. it worked and the social icons appear now. But how can I make them appear center when viewed through mobile?
2. Solved. The problem was that I added sec navigation (my socials menu) to my header. Once I manually added padding to get everything aligned the way I wanted, it got misaligned in mobile view. I just removed the second navigation menu from the header and added it into top bar area.
3. Solved. I had to just widen the container