News:

AbanteCart v1.4.2 is released.

Main Menu
support

Move Store Logo Position?

Started by wshtek, May 02, 2017, 11:41:55 AM

Previous topic - Next topic

wshtek

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!

abantecart

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.


  <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:

.header-logo {
width: 300px;


to:

.header-logo {
    width: 100%;


Logo will be in the center.
Please  rate your experience or leave your review
We need your help to build better free open source ecommerce platform for everyone. See how you can help

wshtek


Forum Rules Code of conduct
AbanteCart.com 2010 -