Popular Post vekia Posted April 26, 2013 Popular Post Share Posted April 26, 2013 THIS IS FIX FOR DEFAULT TEMPLATE it usually works for default theme modifications, sometimes it is necessary to apply other changes let us know if so - community members will help you here Have you got troubles with your prestashop template after updating to 1.5.4.1 version? There is a quick fix for the "menu on right" issue. For the first, you have to open the themes directory. Open the header.tpl file located in your theme. You've got there something like: <div id="header_right" class="grid_6 omega"> {$HOOK_TOP} </div> all you have to do is to use grid_9 instead the grid_6: <div id="header_right" class="grid_9 omega"> {$HOOK_TOP} </div> if you've got troubles with the logo (white space between the menu and top of the page) you can follow @nadie solution: open the file: themes/your_theme/css/global.css look for: #header_logo { float: left; display: block; margin-top: 30px; } change it to: #header_logo { position: absolute; top: 30px; z-index: 1; } 16 Link to comment Share on other sites More sharing options...
nadie Posted April 26, 2013 Share Posted April 26, 2013 Have you got troubles with your prestashop template after updating to 1.5.4.1 version? There is a quick fix for the "menu on right" issue. For the first, you have to open the themes directory. Open the header.tpl file located in your theme. You've got there something like: <div id="header_right" class="grid_6 omega"> {$HOOK_TOP} </div> all you have to do is to use grid_9 instead the grid_6: <div id="header_right" class="grid_9 omega"> {$HOOK_TOP} </div> http://www.prestashop.com/forums/index.php?/topic/242657-problema-con-top-menu-y-barra-de-busqueda/page__view__findpost__p__1200499 1 Link to comment Share on other sites More sharing options...
vekia Posted April 26, 2013 Author Share Posted April 26, 2013 if you've got troubles with the logo (white space between the menu and top of the page) you can follow @nadie solution: open the file: themes/your_theme/css/global.css look for: #header_logo { float: left; display: block; margin-top: 30px; } change it to: #header_logo { position: absolute; top: 30px; z-index: 1; } 1 Link to comment Share on other sites More sharing options...
ZeroCard Posted April 26, 2013 Share Posted April 26, 2013 Thank you just fixed it! Link to comment Share on other sites More sharing options...
balutten Posted April 29, 2013 Share Posted April 29, 2013 is only to the site? Link to comment Share on other sites More sharing options...
vekia Posted April 29, 2013 Author Share Posted April 29, 2013 sorry, i don;t understand what you mean Link to comment Share on other sites More sharing options...
libelle Posted April 29, 2013 Share Posted April 29, 2013 unfortunately this it not the final and universal solution. After this easy correction my webpage became totally blank. Link to comment Share on other sites More sharing options...
vekia Posted April 29, 2013 Author Share Posted April 29, 2013 unfortunately this it not the final and universal solution. After this easy correction my webpage became totally blank. can you please paste the url to your website? It's really weird that your page becomes blank, because it's only css fix, no source edition... regards Link to comment Share on other sites More sharing options...
benjamin utterback Posted April 29, 2013 Share Posted April 29, 2013 unfortunately this it not the final and universal solution. After this easy correction my webpage became totally blank. This solution seems to have worked for multiple people. I also tend to trust Vekia with matters like these, are you sure you followed the instructions correctly? 1 Link to comment Share on other sites More sharing options...
Cornel_M Posted April 30, 2013 Share Posted April 30, 2013 Hi! after this fix, my horizontal top menu goes back to center, but my shopping cart from header goes down, below site logo. look here www.alt-air.ro thx! Link to comment Share on other sites More sharing options...
vekia Posted April 30, 2013 Author Share Posted April 30, 2013 Hi! after this fix, my horizontal top menu goes back to center, but my shopping cart from header goes down, below site logo. look here www.alt-air.ro thx! hello, its because your template is modified a bit. here is the solution: open global.css located in your theme, then add/change: #header {height:150px;} and to: #header_right { position: absolute; left: 0px; top: 20px; } Link to comment Share on other sites More sharing options...
Cornel_M Posted April 30, 2013 Share Posted April 30, 2013 hello, its because your template is modified a bit. here is the solution: open global.css located in your theme, then add/change: #header {height:150px;} and to: #header_right { position: absolute; left: 0px; top: 20px; } many thanks! work fine with this: #header { height:150px; } #header_right { position: relative; left: 0px; top: -50px; } have a nice day! Link to comment Share on other sites More sharing options...
Mactoub Posted April 30, 2013 Share Posted April 30, 2013 I had same problems, this works for me: #header_logo { position: absolute; top: 30px; z-index: 1; } #header_right { position:relative; float: right } This problem disappeared on main page, but not from page categories, http://www.100wattu.cz/4-led-zarovky-g4 Do someone knows where is the problem? Thank you Link to comment Share on other sites More sharing options...
vekia Posted April 30, 2013 Author Share Posted April 30, 2013 This problem disappeared on main page, but not from page categories, http://www.100wattu....-led-zarovky-g4 Do someone knows where is the problem? Thank you hey i checked your website and it looks the same on each page, categories = homepage = products = etc problem solved? Link to comment Share on other sites More sharing options...
Mactoub Posted May 1, 2013 Share Posted May 1, 2013 to vekia: thank you for your answer I appreciate that. I need to have my web, like this: http://www.100wattu.cz/content/7-o-nas but on the main site http://www.100wattu.cz/, is litle bit logo moved up and top menu down. I dont know, which all files must I change and how? Now I trying to change just global.css from theme file. Link to comment Share on other sites More sharing options...
Mactoub Posted May 1, 2013 Share Posted May 1, 2013 to vekia: now the sites looks same, but i need the logo down and top menu up Link to comment Share on other sites More sharing options...
vekia Posted May 1, 2013 Author Share Posted May 1, 2013 Hey, I can't figure out what you exactly expect because page (two links you pasted) looks the same. "O Nas" http://i.imgur.com/kb1kUUZ.png "Homepage" http://i.imgur.com/Lt7O45s.png if you want to move logo down, use the: (for #header_logo) position:absolute; top:30px; if you want move menu, use the: for (#header_right) position:absolute; top:0px; left:0px; and you need to add height param for the #header height:160px;[/color] Link to comment Share on other sites More sharing options...
Mactoub Posted May 1, 2013 Share Posted May 1, 2013 I am soory, I did some changes during you see it. Now it looks much better with this code: #header {position:relative; background: url(../img/hornimenu7.png) no-repeat top} #header_logo { position: absolute; top: 30px; } #header_right { position:relative; float: right } Just one little problem. If I go over the logo by mouse, there used to be the link to main page, but now is lost. Maybe you know which code I lost? Thank you Link to comment Share on other sites More sharing options...
vekia Posted May 1, 2013 Author Share Posted May 1, 2013 I am soory, I did some changes during you see it. Now it looks much better with this code: #header {position:relative; background: url(../img/hornimenu7.png) no-repeat top} #header_logo { position: absolute; top: 30px; } #header_right { position:relative; float: right } Just one little problem. If I go over the logo by mouse, there used to be the link to main page, but now is lost. Maybe you know which code I lost? Thank you it's easy to fix, just add the: z-index: 2; to the #header_logo should help Link to comment Share on other sites More sharing options...
Mactoub Posted May 1, 2013 Share Posted May 1, 2013 Now it works properly. Thank you for your answers, it raelly helped me. Link to comment Share on other sites More sharing options...
vekia Posted May 1, 2013 Author Share Posted May 1, 2013 you're welcome feel free to write if you've got any other questions Link to comment Share on other sites More sharing options...
lob Posted May 1, 2013 Share Posted May 1, 2013 My menu won't go under my logo. Where do I need to change this and what is the code? Thanks www.djstore.nl Link to comment Share on other sites More sharing options...
vekia Posted May 1, 2013 Author Share Posted May 1, 2013 My menu won't go under my logo. Where do I need to change this and what is the code? Thanks www.djstore.nl modules/blocktopmenu/css/superfish-modified.css line ~2: .sf-contener { clear: both } add: margin-top: 110px; .sf-contener { clear: both; margin-top: 110px; } 1 Link to comment Share on other sites More sharing options...
lob Posted May 1, 2013 Share Posted May 1, 2013 modules/blocktopmenu/css/superfish-modified.css line ~2: .sf-contener { clear: both } add: margin-top: 110px; .sf-contener { clear: both; margin-top: 110px; } Super! You are great! Thanks very much! Regards 1 Link to comment Share on other sites More sharing options...
vekia Posted May 1, 2013 Author Share Posted May 1, 2013 Super! You are great! Thanks very much! Regards you're welcome :-) happy that i could help Link to comment Share on other sites More sharing options...
vzero Posted May 1, 2013 Share Posted May 1, 2013 Hello, I found that the updated had changed the blocktopmenu.tpl file. Before it was closing the #header_right div then putting in the top menu. In my opinion this is the correct way to do it. Here is the old file that I have now put into the overrides in my theme: /THEMENAME/modules/blocktopmenu/blocktopmenu.tpl {if $MENU != ''} </div> <!-- Menu --> <div class="sf-contener clearfix"> <ul class="sf-menu clearfix"> {$MENU} {if $MENU_SEARCH} <li class="sf-search noBack" style="float:right"> <form id="searchbox" action="{$link->getPageLink('search')}" method="get"> <p> <input type="hidden" name="controller" value="search" /> <input type="hidden" value="position" name="orderby"/> <input type="hidden" value="desc" name="orderway"/> <input type="text" name="search_query" value="{if isset($smarty.get.search_query)}{$smarty.get.search_query|escape:'htmlall':'UTF-8'}{/if}" /> </p> </form> </li> {/if} </ul> <div class="sf-right"> </div> <!--/ Menu --> {/if} As you can see the files starts with a closing div tag which is closing the #header_right div. Then opens up a new one for the menu.This fixed the error without having to resort to creating new hooks or doing absolution positioning on the menu. Much cleaner code overall. 2 Link to comment Share on other sites More sharing options...
cheapweb Posted May 1, 2013 Share Posted May 1, 2013 Hi I think i tried all possible combinations and none of them worked Ok. This is the best I could get it, but now my logo is on the far right side: #header {position:relative} #header_logo { position:absolute; top:30px; } } } #header_right { position:relative; float: right } Can anybody help with this? Link to comment Share on other sites More sharing options...
vekia Posted May 1, 2013 Author Share Posted May 1, 2013 As you can see the files starts with a closing div tag which is closing the #header_right div. Then opens up a new one for the menu.This fixed the error without having to resort to creating new hooks or doing absolution positioning on the menu. Much cleaner code overall. hey thanks for the info, i will check it once again and test. If it will work - I will put the solution in the first post Hi I think i tried all possible combinations and none of them worked Ok. hello, please paste the url to your website Link to comment Share on other sites More sharing options...
cheapweb Posted May 1, 2013 Share Posted May 1, 2013 Hi Sorry forgot http://www.kauram.com/store Link to comment Share on other sites More sharing options...
vekia Posted May 1, 2013 Author Share Posted May 1, 2013 Hi Sorry forgot http://www.kauram.com/store thanks for the url i checked your shop and it looks fine: http://i.imgur.com/zppVLQc.png i think that this is cache problem in your web browser. Please - do hard refresh (ctrl + f5) and if this doesnt work - clear cache and then refresh your website Link to comment Share on other sites More sharing options...
Rhapsody Posted May 1, 2013 Share Posted May 1, 2013 (edited) Try adding left:0px; in the global.css file (I annotated the quoted post below with it). Hi I think i tried all possible combinations and none of them worked Ok. This is the best I could get it, but now my logo is on the far right side: #header {position:relative} #header_logo { position:absolute; top:30px; left:0px; } } } #header_right { position:relative; float: right } Can anybody help with this? Edited May 1, 2013 by Rhapsody (see edit history) Link to comment Share on other sites More sharing options...
cheapweb Posted May 2, 2013 Share Posted May 2, 2013 Hi all I can see the photo you posted vekia and it is really strange because I use CCcleaner several times and the problem percists on Chrome,Expolrer and Firefox. BUT using the left:0px; adde to header_logo suggested by rapsody helped. thx Link to comment Share on other sites More sharing options...
jopawa Posted May 6, 2013 Share Posted May 6, 2013 Thank you, does the job! Link to comment Share on other sites More sharing options...
adultsavenue Posted May 8, 2013 Share Posted May 8, 2013 Thank you for your help.It Works!! Link to comment Share on other sites More sharing options...
schnappi Posted May 8, 2013 Share Posted May 8, 2013 Can someone clairfy... Is the issue being disucssed here the same issue that I posted a thread about below? http://www.prestashop.com/forums/topic/245219-1541-default-theme-issue/page__p__1215118#entry1215118 Link to comment Share on other sites More sharing options...
vekia Posted May 8, 2013 Author Share Posted May 8, 2013 it might be the same issue, can you provide an url to your website? Link to comment Share on other sites More sharing options...
ConteVlad Posted May 8, 2013 Share Posted May 8, 2013 Is it possible to move logo in the center of the header, maybe changing absolute? Link to comment Share on other sites More sharing options...
vekia Posted May 8, 2013 Author Share Posted May 8, 2013 Is it possible to move logo in the center of the header, maybe changing absolute? hello of course it is possible, but all of this depends on your logo size. If it is possible - please create separate thread for your question regards Link to comment Share on other sites More sharing options...
ConteVlad Posted May 8, 2013 Share Posted May 8, 2013 Thank you very much! I will create a new thread. Link to comment Share on other sites More sharing options...
vekia Posted May 8, 2013 Author Share Posted May 8, 2013 Thank you very much! I will create a new thread. thanks, if it will be available, please send me an url to it - i will try to help you Link to comment Share on other sites More sharing options...
dformica Posted May 8, 2013 Share Posted May 8, 2013 I upgraded from 1.5.4.0 to 1.5.4.1 and I see the same issue: top horizontal menu moved to the right as well as the search bar. I don't have any customizations on my default template. Link to comment Share on other sites More sharing options...
vekia Posted May 8, 2013 Author Share Posted May 8, 2013 I upgraded from 1.5.4.0 to 1.5.4.1 and I see the same issue: top horizontal menu moved to the right as well as the search bar. I don't have any customizations on my default template. You can read solution in first post in this thread 1 Link to comment Share on other sites More sharing options...
dformica Posted May 8, 2013 Share Posted May 8, 2013 Yes, thank you. I did. Perfect step by step solution. Link to comment Share on other sites More sharing options...
vekia Posted May 8, 2013 Author Share Posted May 8, 2013 Yes, thank you. I did. Perfect step by step solution. Thanks for the information that it works for you :-) If you've got any other questions related to this issue - feel free to continue discussion here regards Link to comment Share on other sites More sharing options...
schnappi Posted May 8, 2013 Share Posted May 8, 2013 (edited) it might be the same issue, can you provide an url to your website? In prior default templates (even as late as 1.5.4) the header logo would not overlap...rather it would just push the rest of the page down. (I don't know what in the world is wrong with this (full screen screenshot) image hosted on tinypic but the point is still illustrated even without the whole image loading). Edited May 8, 2013 by schnappi (see edit history) 1 Link to comment Share on other sites More sharing options...
vekia Posted May 8, 2013 Author Share Posted May 8, 2013 hey @schnappi thanks for your message. I've got one question: this logo problem appear without any reason? or you changed something? As you said - this is default tempalte - but also without modifications? Link to comment Share on other sites More sharing options...
schnappi Posted May 8, 2013 Share Posted May 8, 2013 hey @schnappi thanks for your message. I've got one question: this logo problem appear without any reason? or you changed something? As you said - this is default tempalte - but also without modifications? It is the default 1.4.5.1 template without modifications. The problem occurred after upgrading from 1.5.4 to 1.5.4.1 (and upgrading the default template as well). Link to comment Share on other sites More sharing options...
nadie Posted May 8, 2013 Share Posted May 8, 2013 In prior default templates (even as late as 1.5.4) the header logo would not overlap...rather it would just push the rest of the page down. (I don't know what in the world is wrong with this (full screen screenshot) image hosted on tinypic but the point is still illustrated even without the whole image loading). Try. add padding-top "to" .sf-contener in modules/blocktopmenu/css/superfish-modified.css Sorry for my English. Link to comment Share on other sites More sharing options...
vekia Posted May 8, 2013 Author Share Posted May 8, 2013 It is the default 1.4.5.1 template without modifications. The problem occurred after upgrading from 1.5.4 to 1.5.4.1 (and upgrading the default template as well). here is a similar thread to yours (the same issue - weirdy position of logo after update) http://www.prestashop.com/forums/topic/244712-solved-header-image-issues/page__p__1212570#header_logo&fromsearch=1&?do=findComment&comment=1212570 1 Link to comment Share on other sites More sharing options...
Moinsde2Euros Posted May 11, 2013 Share Posted May 11, 2013 Hello I was wondering if PrestaShop Superstar would help me. I am new to this and as you can guess I am having the same problems as everyone else with the top bar and recherche bar going to the right and not centered. I have looked through what I am supposed to do, but I have no idea where i have to go to change to 6 to a 9. PLEASE PLEASE HELP ME! my website is www.moinsde2euros.com Thanks Link to comment Share on other sites More sharing options...
vekia Posted May 11, 2013 Author Share Posted May 11, 2013 Hello I was wondering if PrestaShop Superstar would help me. I am new to this and as you can guess I am having the same problems as everyone else with the top bar and recherche bar going to the right and not centered. I have looked through what I am supposed to do, but I have no idea where i have to go to change to 6 to a 9. PLEASE PLEASE HELP ME! my website is www.moinsde2euros.com Thanks hello all you have to do is to change the header.tpl file located in your theme directory. If you've got any questions related to this issue - feel free to write regards Link to comment Share on other sites More sharing options...
Moinsde2Euros Posted May 11, 2013 Share Posted May 11, 2013 hello all you have to do is to change the header.tpl file located in your theme directory. If you've got any questions related to this issue - feel free to write regards I must be really dumb but I don't know where the header.tpl file is. Link to comment Share on other sites More sharing options...
vekia Posted May 11, 2013 Author Share Posted May 11, 2013 in your prestashop root directory you've got /theme/ dir open it and if you use default prestashop template - open next directory /default/ you've got there header.tpl file - open it in text editor (for example notepad in windows) and search for code that I mentioned in my first post here Link to comment Share on other sites More sharing options...
Moinsde2Euros Posted May 11, 2013 Share Posted May 11, 2013 I am in my backoffice, how do I get to my root directory? Link to comment Share on other sites More sharing options...
vekia Posted May 11, 2013 Author Share Posted May 11, 2013 You cant find this file in back office. You have to connect with your FTP server to get this file. Have you got possibility to connect with FTP ? Link to comment Share on other sites More sharing options...
Moinsde2Euros Posted May 11, 2013 Share Posted May 11, 2013 FTP? My server is with Ikoula. Is that it? Link to comment Share on other sites More sharing options...
Moinsde2Euros Posted May 11, 2013 Share Posted May 11, 2013 You cant find this file in back office. You have to connect with your FTP server to get this file. Have you got possibility to connect with FTP ? FTP? My server is with Ikoula. Is that it? I'm really lost Link to comment Share on other sites More sharing options...
Moinsde2Euros Posted May 11, 2013 Share Posted May 11, 2013 You cant find this file in back office. You have to connect with your FTP server to get this file. Have you got possibility to connect with FTP ? I DID IT!! With a little brain power and with your help, I managed to fix it!! Thank you very much! :) Link to comment Share on other sites More sharing options...
vekia Posted May 11, 2013 Author Share Posted May 11, 2013 I DID IT!! With a little brain power and with your help, I managed to fix it!! Thank you very much! :) You're welcome :-) Glad to hear that I could help you. www.moinsde2euros.com - i checked your website, but it looks like you've got still issue with logo (to much white space between logo and menu) Link to comment Share on other sites More sharing options...
Moinsde2Euros Posted May 11, 2013 Share Posted May 11, 2013 You're welcome :-) Glad to hear that I could help you. www.moinsde2euros.com - i checked your website, but it looks like you've got still issue with logo (to much white space between logo and menu) Yes, I have seen it and I am working on it now. Is the code : #header_logo { position: absolute; top: 30px; z-index: 1; } Link to comment Share on other sites More sharing options...
Moinsde2Euros Posted May 11, 2013 Share Posted May 11, 2013 You're welcome :-) Glad to hear that I could help you. www.moinsde2euros.com - i checked your website, but it looks like you've got still issue with logo (to much white space between logo and menu) I managed to move the bar up, but it went too far up, under my logo. How do I bring it down please? Link to comment Share on other sites More sharing options...
vekia Posted May 11, 2013 Author Share Posted May 11, 2013 hello now it looks like that: in my opinion it looks nice, you still want to move menu down? Link to comment Share on other sites More sharing options...
Moinsde2Euros Posted May 11, 2013 Share Posted May 11, 2013 hello now it looks like that: in my opinion it looks nice, you still want to move menu down? I think I will leave it like it is. Thanks agaon for your help. I've certainly learned a lot in the past few hours! Keep up the good work Link to comment Share on other sites More sharing options...
vekia Posted May 11, 2013 Author Share Posted May 11, 2013 I think I will leave it like it is. Thanks agaon for your help. I've certainly learned a lot in the past few hours! Keep up the good work Now you can create own themes ;-) regards Link to comment Share on other sites More sharing options...
Swickaar Posted May 11, 2013 Share Posted May 11, 2013 I saw that everyone was helped. My condition is better after applying the fix. Still things are not perfecr. Please see www.buy0atbrands.com (remove 0) Used solution #header { height:150px; } #header_right { position: relative; left: 0px; top: -60px; } I think still something is missing in my case. Please help if any Link to comment Share on other sites More sharing options...
vekia Posted May 12, 2013 Author Share Posted May 12, 2013 #header { height: 150px; } decrease value of height, for example: 120px; #header_right { position: relative; left: 0px; top: -60px; } decrease top:-60, for example: top:-90px; Link to comment Share on other sites More sharing options...
antoniskp Posted May 15, 2013 Share Posted May 15, 2013 Hello, after trying out the modifications you proposed i lost the cart and the user login links . Any ideas? Thanks in advance. http://xylon.ro/apresta/ro/ Link to comment Share on other sites More sharing options...
vekia Posted May 15, 2013 Author Share Posted May 15, 2013 have you got any screenshot which shows how you page looks before the modification? Link to comment Share on other sites More sharing options...
antoniskp Posted May 15, 2013 Share Posted May 15, 2013 (edited) unfortunately not. Only if i try to restore to 1.5.4.0 if it works but the page looked exactly like the default template.No modifications in templates or css or any code.I only modified the css after the menu bar problem after the upgrade to 1.5.4.1. I think the cart is hidden below the right menu. This problem appeared after i modified some text in home text editor module and deleting its logo from the BO. I rolledback and fixed this way. Thanx anyways. Edited May 15, 2013 by antoniskp (see edit history) Link to comment Share on other sites More sharing options...
lesrima88 Posted May 29, 2013 Share Posted May 29, 2013 Hi vekia ,i managed to fix the overlapping problem, but now i want to align the header logo just above the search bar,as you can see there is a white space between the two,how do i fix this? my website is www.myzawadi.com here's the header code that i'm currently using #header {position:relative} #header_logo { position: left; top: 30px; z-index: 1; } #header_right { position:relative; float: right } Link to comment Share on other sites More sharing options...
vekia Posted May 29, 2013 Author Share Posted May 29, 2013 http://i.imgur.com/PJ1293L.png this is what you've got now and what you expect? wher eyou want to move the logo? Link to comment Share on other sites More sharing options...
lesrima88 Posted May 29, 2013 Share Posted May 29, 2013 http://i.imgur.com/PJ1293L.png this is what you've got now and what you expect? wher eyou want to move the logo? i want to move it down so that its alligned with the search bar ,as you can see there's a white space between the two ,i want to close that gap between them Link to comment Share on other sites More sharing options...
vekia Posted May 29, 2013 Author Share Posted May 29, 2013 global.css line ~554 add top:-50px to the: #header_right { position: relative; float: right; top: -50px; } let me know if this is what you expect remember that you can manipulate with top: value, you can increase / decrease it 1 Link to comment Share on other sites More sharing options...
lesrima88 Posted May 29, 2013 Share Posted May 29, 2013 global.css line ~554 add top:-50px to the: #header_right { position: relative; float: right; top: -50px; } let me know if this is what you expect remember that you can manipulate with top: value, you can increase / decrease it thanks!!! worked perfectly Link to comment Share on other sites More sharing options...
vekia Posted May 29, 2013 Author Share Posted May 29, 2013 you're welcome im glad that i could help you in this case feel free to write if you've got another questions related to this issue regards Link to comment Share on other sites More sharing options...
El Patron Posted May 31, 2013 Share Posted May 31, 2013 Hi vekia, et. all. Could you look at this problem posted here: this is a vanilla 1.5.4.1 with default theme in catalog mode. http://www.prestashop.com/forums/topic/251455-fyi-1541-default-theme-catalog-mode-mis-aligned-header/ thanks in advance for your time and expertise. Fred Link to comment Share on other sites More sharing options...
vekia Posted June 1, 2013 Author Share Posted June 1, 2013 hello, i checked your topic and posted solution there hope it helps regards Link to comment Share on other sites More sharing options...
playgamemy Posted June 1, 2013 Share Posted June 1, 2013 Hi, I have very limited knowledge on html and css, applied fix with following code #header {position:relative} #header_logo { position: absolute; z-index: 1; } #header_right { position:relative; float: right top:30px; } I am happy with the position of logo without the top 30px margin yet i tried to add the top 30px on header _right (or even more pixel) trying to push the menu bar downward so it will not overlap with my logo, yet it doesn't move. I don't know what is wrong and any solutions will help. url: http://novelnovelty.com Thanks, Nick Link to comment Share on other sites More sharing options...
vekia Posted June 2, 2013 Author Share Posted June 2, 2013 add margin-top: 150px; to: .sf-contener { clear: both; margin-top:150px; } this will help you, here is the effect: Link to comment Share on other sites More sharing options...
shekh farid Posted June 3, 2013 Share Posted June 3, 2013 pls help me My logo get over the search Box.... Can I reduce the logo width....... I try the logo create in low height and width then uplode....but the logo automatically In big size and get over the search box..... my current global.css code is #header_logo { position: absolute; top: 30px; z-index: 1; } #header_right { position:relative; float: right Link to comment Share on other sites More sharing options...
vekia Posted June 3, 2013 Author Share Posted June 3, 2013 pls help me My logo get over the search Box.... Can I reduce the logo width....... I try the logo create in low height and width then uplode....but the logo automatically In big size and get over the search box..... my current global.css code is #header_logo { position: absolute; top: 30px; z-index: 1; } #header_right { position:relative; float: right i want to help you of course But please - paste the URL to your store - i will check it and then - give you solution Link to comment Share on other sites More sharing options...
vekia Posted June 4, 2013 Author Share Posted June 4, 2013 After this easy correction my webpage became totally blank. it isn't possible, please paste your header.tpl code i will check it ASAP! Link to comment Share on other sites More sharing options...
onurb123 Posted June 8, 2013 Share Posted June 8, 2013 (edited) done Edited June 8, 2013 by onurb123 (see edit history) Link to comment Share on other sites More sharing options...
Recommended Posts