blmatteson Posted May 19, 2014 Share Posted May 19, 2014 I need assistance with the logo. I have tried many solutions from modifying css to the tpl files to changing the size of the image overall but to no avail. I just want it to be responsive like the rest of the page. url: http://www.hudsonreptiles.com Prestashop 1.6.0.5 Bootstrap theme (modified) excuse my mess for the rest of the site, still working on it. Any help will be very appreciated. Thanks. Link to comment Share on other sites More sharing options...
dioniz Posted May 19, 2014 Share Posted May 19, 2014 Open global.css and add this to it: .img-responsive { display: block; height: auto; max-width: 100%; } Link to comment Share on other sites More sharing options...
vekia Posted May 19, 2014 Share Posted May 19, 2014 hello im just wondering, will this modification affect some other images? Link to comment Share on other sites More sharing options...
blmatteson Posted May 19, 2014 Author Share Posted May 19, 2014 that didn't work either. see attached jpg. I hadn't tried it with the auto before, but i did with percentage and it created the same problem. my original image uploaded is also attached so you see this is not its original size. I did see a thread about changing the tpl from the {if statement to the direct link to the image and adjust the css from there. any thoughts? Link to comment Share on other sites More sharing options...
vekia Posted May 20, 2014 Share Posted May 20, 2014 in addition to dioniz code, use also this: header .row #header_logo { width: 100%!important; } Link to comment Share on other sites More sharing options...
Recommended Posts