I’m not 100% sure how to ask this question so I’ll just try my best.
I’m developing a site that has a top bannar with a logo to the far left.

When I go to the site on a netbook (small screen) or zoom in with my browser (CTRL and then use mouse wheel) the logo evently sits over other items on the bannar.

Is there a way for me to detect the logo won’t fit with JQUERY and then hide it? Can I tell how much of the page the user is seeing and then make this adjustment? thx
The main reason of this issue is that Your Html controls are not properly tightly bounded together. Either if you can use table in your Html page, then it will work for you. Put your logo in the first cell of your table. Then the design will not be distorted on zooming it up.