dmf Posted December 11, 2014 Share Posted December 11, 2014 Hi everyone presta lovers! I have question about logo for prestashop 1.5.6.0 My theme design is responsive and in template settings I've uploaded too separate images of logo, for full version of site and mobile. http://clip2net.com/s/38BmOkR But it is anyway showing only one main logo for all screens. Big screen: http://clip2net.com/s/38BmYSa Small: http://clip2net.com/s/38Bn2yZ I tried to turn on mobile version, clean smarty cash, but it didn't help. Can anyone help me how to adjust each logo for separate screen? Thanks! Link to comment Share on other sites More sharing options...
NemoPS Posted December 12, 2014 Share Posted December 12, 2014 Something we really need to understand: Are you using a responsive theme - that is one adapting to the screen size? OR Are you enabling the default "mobile theme", supposed to be seen on mobile devices only?If the latter, it's supposed to display the mobile logo, if it's just responsive then it's normal it keeps showing the big one Link to comment Share on other sites More sharing options...
dmf Posted December 12, 2014 Author Share Posted December 12, 2014 I'm using the responsive theme - that is one adapting to the screen size. How in that case I should configure my theme to change logo? I guess I should modify my header.tpl <a id="header_logo" href="{$base_dir}" title="{$shop_name|escape:'htmlall':'UTF-8'}"> <img class="logo" src="{$logo_url}" alt="{$shop_name|escape:'htmlall':'UTF-8'}" {if $logo_image_width}width="{$logo_image_width}"{/if} {if $logo_image_height}height="{$logo_image_height}" {/if} /> </a> Can you help me how to do it? Link to comment Share on other sites More sharing options...
NemoPS Posted December 13, 2014 Share Posted December 13, 2014 Well I'd go for media query. Display both logos (you can even hardcode the image). Give both images a specific class and use @media with mobile sizes to hide one when it's smaller, the other when it's bigger. 1 Link to comment Share on other sites More sharing options...
dmf Posted December 13, 2014 Author Share Posted December 13, 2014 Thanks, I've made it Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now