Please help us to make AbanteCart Ideal Open Source Ecommerce Solution for everyone.

Support AbanteCart eCommerce

Author Topic: Move Store Logo Position?  (Read 1042 times)

Offline wshtek

  • Newbie
  • *
  • Posts: 12
  • Karma: +1/-0
    • View Profile
Move Store Logo Position?
« on: May 02, 2017, 11:41:55 AM »
I've looked everywhere and cannot find a clear-cut path to accomplish this: move the store logo to the center of the header.  if anyone can provide some direction on accomplishing this, i would be very grateful!

Offline abantecart

  • Administrator
  • Hero Member
  • *****
  • Posts: 3963
  • Karma: +242/-9
    • View Profile
    • Ideal Open Source Ecommerce Solution
Re: Move Store Logo Position?
« Reply #1 on: May 02, 2017, 12:19:23 PM »
You need to edit template file storefront/view/default/template/common/header.tpl

https://github.com/abantecart/abantecart-src/blob/master/public_html/storefront/view/default/template/common/header.tpl

In this file you need to move below HTML out of the way to some other place.

Code: [Select]
  <div class="navbar-collapse collapse">
  <div class="navbar-right headerstrip_blocks">
      <div class="block_1"><?php echo ${$children_blocks[0]}; ?></div>
      <div class="block_2"><?php echo ${$children_blocks[1]}; ?></div>
      <div class="block_3"><?php echo ${$children_blocks[2]}; ?></div>
      <div class="block_4"><?php echo ${$children_blocks[3]}; ?></div>
  </div>
   </div><!--/.navbar-collapse -->

 Edit this file
https://github.com/abantecart/abantecart-src/blob/master/public_html/storefront/view/default/stylesheet/style.css

Change:
Code: [Select]
.header-logo {
width: 300px;

to:
Code: [Select]
.header-logo {
    width: 100%;

Logo will be in the center.
We need your help to build better free open source eCommerce platform for everyone.
See how you can help

Offline wshtek

  • Newbie
  • *
  • Posts: 12
  • Karma: +1/-0
    • View Profile
Re: Move Store Logo Position?
« Reply #2 on: May 03, 2017, 03:13:39 PM »
perfect - thank you!

 

Maternity Dress