Display a full width logo on Sellegance theme for OpenCart

Updated! If you want to change the default header layout to display a full width logo use the following code to your Custom CSS code

Go to Extensions > Modules > Theme Options > Custom Code tab > CSS code and paste the following snippet:

[css] #logo {width:100%; left:0;}
#logo img { width:100%; max-width:auto; }
@media (min-width: 768px) {
.leftbox, .middlebox, .rightbox { margin-top:10px; }
.leftbox, .rightbox { width: 50%; right:0; }
.leftlogo #welcome { text-align:left; margin: 0 0 10px;}
}
[/css]

The old vqmod method is no longer working. It’s here just for reference:

5 replies on “Display a full width logo on Sellegance theme for OpenCart”

Leave a Reply

Your email address will not be published. Required fields are marked *