Thanks, we have full power but the water still has to be shut off when not in use. Waiting now on UPS to deliver the last part to make the pressure work.
You are currently overriding the responsiveness of the template by hard coding a height and width to the image. That overrides lines 12 and 13 of responsive.css which are
Code:
/* This is used to re-size images */
img{max-width:100%;height:auto;border:0;}
Still, as you may have already noticed, the logo was not designed to be a banner. It was meant to approximate the size of the column width and is set in includes/languages/english/YOUR_TEMPLATE/header.php to a specific alt text, width, height, and image name. The default width of 200 will work just fine with the template in any mode.
NOTE: I will be submitting a change to the docs as the modern browsers do not like anything but numerical information on either the store or admin logo sizes. The docs should say
Code:
define('HEADER_ALT_TEXT', 'My new alt text');
define('HEADER_LOGO_WIDTH', '200');
define('HEADER_LOGO_HEIGHT', '80');
define('HEADER_LOGO_IMAGE', 'newlogo.png');
vs
Code:
define('HEADER_ALT_TEXT', 'My new alt text');
define('HEADER_LOGO_WIDTH', '200px');
define('HEADER_LOGO_HEIGHT', '80px');
define('HEADER_LOGO_IMAGE', 'newlogo.png');
Next, you're going to say but, "My img is set to 207 by 100." That's just the standard logo in the middle of your banner. The background image is 1429 pixels wide! The .onerow-fluid in the stylesheet (line 24 of stylesheet.css) is already dropping that width to 75% and you want more.
You're asking the system to turn a banner that crosses over the street into a hand-held sign.
You can see some examples of how we handled this in other cases:
- Move the logo into the define_main_page. -- https://texasleathercoozy.com
- Make the logo smaller and center it in the presentation. -- https://enightlights.com
- Change lots of div positions while dropping-down the side columns at a certain point -- https://haredo.com
In each of the above cases, start with a maximized browser and just click to un-maximize and use the right-hand edge of the browser to draw it left and smaller. You will see the affects of each site are different in operation with the haredo site having the most affect on legibility.
I would say that the haredo method is probably your best bet BUT, you will need to make it into ONE image that the system can work with and be legible at all stops along the way.
Bookmarks