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.

wshtek


Forum Rules Code of conduct
AbanteCart.com 2010 -