daisypoo Posted October 19, 2014 Share Posted October 19, 2014 Hi all I have search the forums for this, and although there are lots of posts about moving the search box, I can't find one that helps me move it as shown in attached image Can anyone advise? many thanks PS - be gentle - newbie Link to comment Share on other sites More sharing options...
thepan Posted October 19, 2014 Share Posted October 19, 2014 (edited) Too move the search box to the "topnavbar" you need to transplant the module into that hook. 1.Go to your backoffice and open the Modules menu. 2.Open the submenu "Positions" 3.Click on the anchor in the top right corner saying "Transplant a module" 4.Select "Quick Search Block" and the "displayNav" hook, like in this picture 5. Press Save 6. Now you got the Searchbox in the "topnav" unfortunately the css rules need to be adapted as well... havent sorted that out yet EDIT: Okay here we go again 7. You need to change the css file for this. Open the file "root/themes/default-bootstrap/css/modules/blocksearch/blocksearch.css" with a editor 8. Remove this code on the first lines #search_block_top { padding-top: 50px; } 9. Okay now we should remove the old searchbox, otherwise we have two Go back to backoffice "Modules--->Positions" and in the "Show" dropdown select "quicksearchblock" page will refresh and you will see four positions where this module is hooked into. We want to unhook it from "displayTop". To do this we need to click on the little arrow next to the edit button and press "unhook". Now it should look like this: Still not perfect but we getting there. CSS needs plenty of changes Edited October 19, 2014 by thepan (see edit history) Link to comment Share on other sites More sharing options...
daisypoo Posted October 19, 2014 Author Share Posted October 19, 2014 thank you!! how to change it to match the the other links on there was (IS) my next question. and how to move it along as it's not quite where i want it. and it looks awful lol maybe someone else will help but that's a start, thanks again x Link to comment Share on other sites More sharing options...
daisypoo Posted October 19, 2014 Author Share Posted October 19, 2014 just saw your edit opened that file "root/default-bootstrap/css/modules/blocksearch/blocksearch.css first lines on mine are: #search_block_top #searchbox { float: right; width: 100%; } Link to comment Share on other sites More sharing options...
thepan Posted October 19, 2014 Share Posted October 19, 2014 Sorry its this file: root/themes/default-bootstrap/css/modules/blocksearch/blocksearch.css Link to comment Share on other sites More sharing options...
daisypoo Posted October 19, 2014 Author Share Posted October 19, 2014 yes, that's where i was Link to comment Share on other sites More sharing options...
thepan Posted October 19, 2014 Share Posted October 19, 2014 (edited) This file exist a few times in the folder structure its important to find the position i mentioned. If you cant find it, may I have a link of your site? You are using the default template right? Edited October 19, 2014 by thepan (see edit history) Link to comment Share on other sites More sharing options...
daisypoo Posted October 19, 2014 Author Share Posted October 19, 2014 (edited) www.dijak.co.uk god knows what i've done, it's been a long day you might be able to tell me why the cart has jumped up there? just now noticed it is it bedtime yet yes, default template Edited October 19, 2014 by daisypoo (see edit history) 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