AbanteCart Community

Shopping Cart Operations => Support => Template Support => Topic started by: wshtek on May 02, 2017, 11:41:55 AM

Title: Move Store Logo Position?
Post by: wshtek 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!

Title: Re: Move Store Logo Position?
Post by: abantecart 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.

Title: Re: Move Store Logo Position?
Post by: wshtek on May 03, 2017, 03:13:39 PM

perfect - thank you!