Solved Add third column to header design?

My site: https://mainroadgrostg.wpengine.com/ I am using the 4th header design in your header and navigation builder. It has 3 columns for the contact details where I've put my own buttons: hotline, Drive BC and 511 Alberta. I'd like to include a module to the right of these in another column but it doesn't look possible? (a total of 4 columns) Let me know if this can be accomplished. I'd like to include a social media group of links in the right area and shift everything in that row slightly left. Thanks!

 

Thanks! I have done that but now I need to add some spacing (20px) in between each of the buttons there. I added margin-left: 20px!important; in the same CSS 'Main Element' location for each of those image modules. It works in the Visual Editor but when I view the actual page there is no spacing...? The only ones that seems to have worked is the social module. Lastly, I'd like to have equal space above and below the modules (see attached). I'd like to have the same spacing that is above them in the yellow bar as below (the below space is too much)

 

https://mainroadgrostg.wpengine.com/ The second part worked for the row height, thank you! However, I removed the custom CSS from each module and added a 20px left margin, but it didn't put any spacing in. Please let me know what I can do. Thanks!

 

Thank you for the reply. I tried that but it doesn't seem to work? it defaults to left-aligned but also doesn't fix the issue...? See screencast here: https://somup.com/c0fbq54OLD

 

Thank you! That did it!