Display a full width logo on Sellegance theme for OpenCart

If you want to change the default header layout to display a full width logo just install the following vqmod extension.

<modification>
 
 <id>Use full width logo on Sellegance theme</id>
 <version>1.0.0</version>
 <vqmver>2.1</vqmver>
 <author>everthemes.com</author>
 
 <file name="catalog/view/theme/*/template/common/header.tpl">
  
  <operation>
   <search position="replace" offset="7"><![CDATA[<div id="logo" class="span4 offset4">]]></search>
   <add><![CDATA[]]></add>
  </operation>

  <operation>
   <search position="replace"><![CDATA[<div class="span4 leftbox">]]></search>
   <add><![CDATA[<div class="span4">]]></add>
  </operation>

  <operation>
   <search position="before" index="2"><![CDATA[<div id="links" class="hidden-phone">]]></search>
   <add><![CDATA[
   </div>
   <div class="span4">]]></add>
  </operation>

  <operation>
   <search position="after" index="2"><![CDATA[</div> <!-- .rightbox -->]]></search>
   <add><![CDATA[
   </div>
   <div class="row">
    <div id="logo" class="span12">
     <?php if ($logo) { ?>
      <a href="<?php echo $home; ?>"><img src="<?php echo $logo; ?>" title="<?php echo $name; ?>" alt="<?php echo $name; ?>" /></a>
     <?php } ?>
    </div> <!-- #logo -->
   ]]></add>
  </operation>

  <operation>
   <search position="before"><![CDATA[</style>]]></search>
   <add><![CDATA[
   @media only screen and (max-width: 767px) {
      #cart { top: -13px; }
    #cart h4 { display: none; }
    #cart .heading { height: 18px; }
   }
   #links { padding-top: 12px; }
   #logo img { width:100%; max-width:auto; }
   ]]></add>
  </operation>

 </file>
 
</modification>