Author Topic: HOW TO MOVE DOWN MENU AND SEARCH BOX IN THE HEADERSTRIP  (Read 3901 times)

Offline irsuhaimi

  • Newbie
  • *
  • Posts: 13
  • Karma: +1/-0
    • View Profile
HOW TO MOVE DOWN MENU AND SEARCH BOX IN THE HEADERSTRIP
« 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.

yonghan

  • Guest
Re: HOW TO MOVE DOWN MENU AND SEARCH BOX IN THE HEADERSTRIP
« Reply #1 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

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.

Offline irsuhaimi

  • Newbie
  • *
  • Posts: 13
  • Karma: +1/-0
    • View Profile
Re: HOW TO MOVE DOWN MENU AND SEARCH BOX IN THE HEADERSTRIP
« Reply #2 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.

yonghan

  • Guest
Re: HOW TO MOVE DOWN MENU AND SEARCH BOX IN THE HEADERSTRIP
« Reply #3 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?

Offline irsuhaimi

  • Newbie
  • *
  • Posts: 13
  • Karma: +1/-0
    • View Profile
Re: HOW TO MOVE DOWN MENU AND SEARCH BOX IN THE HEADERSTRIP
« Reply #4 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.

yonghan

  • Guest
Re: HOW TO MOVE DOWN MENU AND SEARCH BOX IN THE HEADERSTRIP
« Reply #5 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

firebug howto : https://getfirebug.com/faq

chrome's inspect element : https://developer.chrome.com/devtools/docs/elements

Hope it helps.

Offline irsuhaimi

  • Newbie
  • *
  • Posts: 13
  • Karma: +1/-0
    • View Profile
Re: HOW TO MOVE DOWN MENU AND SEARCH BOX IN THE HEADERSTRIP
« Reply #6 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?

yonghan

  • Guest
Re: HOW TO MOVE DOWN MENU AND SEARCH BOX IN THE HEADERSTRIP
« Reply #7 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.

Offline irsuhaimi

  • Newbie
  • *
  • Posts: 13
  • Karma: +1/-0
    • View Profile
Re: HOW TO MOVE DOWN MENU AND SEARCH BOX IN THE HEADERSTRIP
« Reply #8 on: September 13, 2014, 09:19:16 AM »
Ok, thanks again. I will try your suggestion  :)

yonghan

  • Guest
Re: HOW TO MOVE DOWN MENU AND SEARCH BOX IN THE HEADERSTRIP
« Reply #9 on: September 13, 2014, 09:28:29 AM »
You're welcome.Good luck with it. :)