So I opted for the first code and it appears that it somewhat worked. I am viewing the mobile site through an iPhone 6 Plus so that may have something to do with it however, on my screen the bar is correctly sized under the “contact” and “services” tab but not under the about tab.
That code worked perfectly for the desktop site the mobile however shows up as more of a black rectangle box with the image inside of it. I attempted to change the number in front of “em” which had little success in changing the appearance of the box.
Andrew you’ve been so helpful, it is greatly appreciated.