You are correct about the widget, thanks for pointing that out! I disabled that and the top white space reduced. I will play with the code and see how my limited knowledge of CSS does with it :) By reversing the colors I at least got it to appear inside the logo block so its a start. I think it actually looks pretty nice whether intentional or not.

One strange thing though. Any idea why the social icons and phone number would be one way on a certain browser but reversed on others? Chrome is correctly showing the social on the right but Safari and Firefox have it on the left. I’ve cleared the cache on all to make sure but it’s still different. No big deal but I am curious.

Thanks!

Great ideas, thanks Elliott!

Thanks Yigit, that definitely helped by bringing in the section of the header to the far right (underneath the shopping cart icon) with the phone in portrait mode. When rotating the phone to landscape, I see a bit more of the center section of the header but my logo (which is built in to the header and placed in the center) is cut off.

Please let me know if there is a way to fix this. I realize that a phones browser doesn’t have as much area to work with so something probably has to be compromised but just I wanted to make sure there isn’t an easy solution to see the whole logo.

In general, is adding code to the css the only way to do certain things like this? I see you kindly providing custom code for a lot of people and am wondering if this is the only way to modify things or if it’s just quicker? I for one, hate to bother you guys every time I can’t figure something out so wondering if I need to learn css?

Thank you!

That did it, thanks so much for the speedy reply!!