Adam Smith Posted October 12, 2013 Share Posted October 12, 2013 (edited) Hello, I have upgraded prestashop recently to the version 1.5.6. After that the header logo covers menus and contents. Please refer screenshop. Help me to fix. Edited October 18, 2013 by Adam Smith (see edit history) Link to comment Share on other sites More sharing options...
vekia Posted October 12, 2013 Share Posted October 12, 2013 hello this is easy to fix, to your #columns just add margin-top:200px; param: #columns { z-index: 1; margin-top: 200px; } it's a part of: http://www.mamaonlinestore.com/shop1/themes/default/css/global.css file, near line 45 effect: Link to comment Share on other sites More sharing options...
Adam Smith Posted October 12, 2013 Author Share Posted October 12, 2013 (edited) Hello Vekia, Thanks for the update. I have edited as advised by you and fixed the issue Sorry for posting simple issue, i am not a developer and i am a server administrator. I dont have experience in prestashop. Edited October 18, 2013 by Adam Smith (see edit history) Link to comment Share on other sites More sharing options...
vekia Posted October 12, 2013 Share Posted October 12, 2013 no worries my friend if you will have any other questions - just create new topics, even if you thought it is trivial to ask i'm here to help with regards, Milos Link to comment Share on other sites More sharing options...
Jimneville Posted October 13, 2013 Share Posted October 13, 2013 I am having a similar issue after upgrading my store to 1.5.6. The logo was displaying below the top menu bar, which I was able to correct by changing the css in the header section from "absolute" to "relative", but it now displays too high in the header. I would like to have the logo display just above the top menu bar, get the search bar and right hand header items a bit higher, and also reduce the overall height of the header as well. What do I change to do that? The site is http://freedomsurvivalgear.com Thanks, Jim Link to comment Share on other sites More sharing options...
vekia Posted October 13, 2013 Share Posted October 13, 2013 I am having a similar issue after upgrading my store to 1.5.6. The logo was displaying below the top menu bar, which I was able to correct by changing the css in the header section from "absolute" to "relative", but it now displays too high in the header. I would like to have the logo display just above the top menu bar, get the search bar and right hand header items a bit higher, and also reduce the overall height of the header as well. What do I change to do that? The site is http://freedomsurvivalgear.com Thanks, Jim change it back to position:absolute; then define margin-top:110px; to ul#topnavEvo ul#topnavEvo { margin: 5px 0px 10px 0px; height: 35px; font-size: 12px; background: #6a8e23; padding-left: 0px; margin-top: 110px; } effect: 1 Link to comment Share on other sites More sharing options...
Jimneville Posted October 13, 2013 Share Posted October 13, 2013 In which file will I find ul#topnavEvo ? Searched through Global CSS, nothing coming up. Thanks, Jim Link to comment Share on other sites More sharing options...
vekia Posted October 13, 2013 Share Posted October 13, 2013 i checked your website once again, code for menu styles are ... in page body, it mean that this code is a part of: - theme header.tpl file OR - module (top menu) .tpl file you should check both files 1 Link to comment Share on other sites More sharing options...
Adam Smith Posted October 18, 2013 Author Share Posted October 18, 2013 (edited) Hello, I just want the new small image above the search bar http://www.mamaonlinestore.com/shop1/. Can you help me? Edited October 18, 2013 by Adam Smith (see edit history) Link to comment Share on other sites More sharing options...
vekia Posted October 18, 2013 Share Posted October 18, 2013 take a look what i see when im trying to open your website: Link to comment Share on other sites More sharing options...
Adam Smith Posted October 18, 2013 Author Share Posted October 18, 2013 (edited) There was a iframe injected. I have removed that injected malware and requested Google to reverify the site. Can you open in mozilla and ignore the warning? Edited October 18, 2013 by Adam Smith (see edit history) Link to comment Share on other sites More sharing options...
vekia Posted October 18, 2013 Share Posted October 18, 2013 ok what image you want to display there? Link to comment Share on other sites More sharing options...
Adam Smith Posted October 18, 2013 Author Share Posted October 18, 2013 Hello, Please refer the attached image. I need the small image between the top banner image and search option. Link to comment Share on other sites More sharing options...
vekia Posted October 18, 2013 Share Posted October 18, 2013 sorry but now i don't understand, now you've got there this image above search form: so you want the same image there but small? Link to comment Share on other sites More sharing options...
Adam Smith Posted October 18, 2013 Author Share Posted October 18, 2013 (edited) Hello, Yes. But its client requirement. Edited October 18, 2013 by Adam Smith (see edit history) Link to comment Share on other sites More sharing options...
vekia Posted October 18, 2013 Share Posted October 18, 2013 If i were you i will use free addon: html block 1) install this addon 2) configure it 3) select "top" hook from the left hand side block 4) to the content box paste this code: <div style="width: 250px; margin: auto;"><img src="http://www.mamaonlinestore.com/shop1/img/cms/logo_mobile-1_1.jpg" width="250" height="auto"></div> effect: Link to comment Share on other sites More sharing options...
Recommended Posts