I have a logo i want to put on the top left of the site, and also some text on the top left of the site.
I know i can create it as one long banner image and the image will respond (get smaller) when viewing on a smaller device. When i did that, the problem is that it squishes the entire banner to the point that i can't see the logo on the top left very well anymore. I'd like to be able to break the header section into grids so that the logo can be one image and the top right text can be a separate image or text area so that when viewing in mobile, the text is hidden or drops below the logo.
I'm thinking of it in a bootstrap/grid system mindset.
Does anyone know if this is possible? I hate just having a logo area and the right side empty. I want the integrity of the logo size to remain the same after dropping to mobile view. I hope this makes sense.
Help! Thanks :)