One Page Site: Help with Nav Elements

I’ve just created a one page website with the following items checked on:

enable one page element
Use one page menu for mobile menu
Enable Special Header Style

I have following updates I’d like help with:

1. Change the color of the circle outline for the side navigation for both mobile and desktop version. It’s white and most of my background is white so it doesn’t show.

2. Change the color of the mobile nav icon at the top right from white to pink. It’s white which doesn’t show for most part when Enable Special Header Style checkbox is checked. It turns black when the checkbox is turned off. I like the look of the nav items for the desktop version when it is turned on.

3. Center the social icons under Contact. I’ve added them as shortcode in text block element. I initially added them as a social icon element but there was no option to center so thought it would be easier to align center as text block element. I tried wrapping the shortcode in paragraph as well as div and aligned center but didn’t work.

Thank you!
Steph