AbanteCart Community
AbanteCart Development => Development Help Needed => Topic started by: irsuhaimi on September 11, 2014, 09:03:26 PM
-
Hi, can anyone tell me how to move down the menu in the headerstrip (Special, Login, Account, Cart, Checkout) and the search box.
-
Please check the docs here : http://www.abantecart.com/ecommerce-documentation/41-admin-user-manual/design/layout (http://www.abantecart.com/ecommerce-documentation/41-admin-user-manual/design/layout)
You will find menu and search there,then just move to other place as you desire.The best way to learn is test and trial.Hope it helps.
-
Thanks yonghan for the information. I've tried but I cannot find the way to move it. Actually I want to move all the menu and search box a little bit near to the bottom in the headerstrip. I don't mean to move it to other place outside the headerstrip.
-
Hi,i suppose what you want to achieve is by editing header css instead of move the layout position,isn't it?
-
Yes yonghan. I think so. But I cant find which one should I edit in style.css file.
-
Have you ever used firefox firebug plugin if you're using firefox or chrome's inspect element tool?
firebug howto screencast : https://getfirebug.com/screencasts (https://getfirebug.com/screencasts)
firebug howto : https://getfirebug.com/faq (https://getfirebug.com/faq)
chrome's inspect element : https://developer.chrome.com/devtools/docs/elements (https://developer.chrome.com/devtools/docs/elements)
Hope it helps.
-
Ok. Thanks for the information. So far, I only use the file manager in my Cpanel to edit any file. Do you have any idea to edit the file using the cpanel file manager?
-
If i may suggest,you better setup an offline abantecart on your local machine,edit the css offline and after you are finished editing,upload the edited css to your online abantecart.That would be easier as lot of free editor got code auto-completion to edit css easier.That's what i do. :) And for cpanel file manager,a.f.a.i.k there are edit option for each file when you open file manager,just choose the desired file and click edit.Actually i rarely use file manager editor to edit code,as it's not easy to read.Hope it helps.
-
Ok, thanks again. I will try your suggestion :)
-
You're welcome.Good luck with it. :)