AbanteCart Community

AbanteCart Development => Development Help Needed => Topic started by: irsuhaimi on September 11, 2014, 09:03:26 PM

Title: HOW TO MOVE DOWN MENU AND SEARCH BOX IN THE HEADERSTRIP
Post 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.
Title: Re: HOW TO MOVE DOWN MENU AND SEARCH BOX IN THE HEADERSTRIP
Post by: yonghan on September 11, 2014, 10:29:03 PM
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.
Title: Re: HOW TO MOVE DOWN MENU AND SEARCH BOX IN THE HEADERSTRIP
Post by: irsuhaimi on September 13, 2014, 02:44:31 AM
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.
Title: Re: HOW TO MOVE DOWN MENU AND SEARCH BOX IN THE HEADERSTRIP
Post by: yonghan on September 13, 2014, 03:37:21 AM
Hi,i suppose what you want to achieve is by editing header css instead of move the layout position,isn't it?
Title: Re: HOW TO MOVE DOWN MENU AND SEARCH BOX IN THE HEADERSTRIP
Post by: irsuhaimi on September 13, 2014, 04:53:31 AM
Yes yonghan. I think so. But I cant find which one should I edit in style.css file.
Title: Re: HOW TO MOVE DOWN MENU AND SEARCH BOX IN THE HEADERSTRIP
Post by: yonghan on September 13, 2014, 07:18:39 AM
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.
Title: Re: HOW TO MOVE DOWN MENU AND SEARCH BOX IN THE HEADERSTRIP
Post by: irsuhaimi on September 13, 2014, 07:48:50 AM
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?
Title: Re: HOW TO MOVE DOWN MENU AND SEARCH BOX IN THE HEADERSTRIP
Post by: yonghan on September 13, 2014, 08:15:42 AM
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.
Title: Re: HOW TO MOVE DOWN MENU AND SEARCH BOX IN THE HEADERSTRIP
Post by: irsuhaimi on September 13, 2014, 09:19:16 AM
Ok, thanks again. I will try your suggestion  :)
Title: Re: HOW TO MOVE DOWN MENU AND SEARCH BOX IN THE HEADERSTRIP
Post by: yonghan on September 13, 2014, 09:28:29 AM
You're welcome.Good luck with it. :)