Author Topic: Move Store Logo Position?  (Read 4004 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: 4358
  • Karma: +298/-10
    • 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.
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

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!

 

Powered by SMFPacks Social Login Mod