The site is currently hosted only locally, so cannot be logged in from outside network (hence, cannot provide admin info). I have the following issues:
1. In the “header left” section of header #6, I have included the “contact” icon, which appears as an animated email icon. However the default view of this icon is transparent or dark, and so it doesn’t show up on the dark background. Upon hovering over it, the icon animates and shows the email icon. How do I make the animated email icon have the same animation as the social logos? By default, the social logos are not transparent. When they animate, a colored square box is created around them.
2. When I am using the swift page builder on the home page and create a new row, it automatically creates the row with 30px margin above and below the row and this setting is not adjustable. How do I fix this?
3. On the default, demo landing page, I am trying to make the “Find Out More” button scroll the page down. I have linked the button to #main-container, however the anchor does not animate and it scrolls too far (the page suddenly jumps down). How do I make the button animate and scroll to the proper location (exactly the top of the main div container)?
.