Jump to content

Change logo from left to right


JFFP

Recommended Posts

Hello,

 

I know that it seems trivial but after reading a lot of topics here I didnt found no one that could help me.

 

I want change my logo from (default) left side to right side and the shoping cart from right side to left side (search box was disabled).

 

I dont want change just the float because that will change the information in footer and I dont want it.

 

Anyone can help me?

 

Thanks

Link to comment
Share on other sites

Hello Scully,

 

First of all sorry about the lack of information, the version is 1.6.1.16 and in default theme.

 

Thanks for the reply and for your time, anyway I think that you could be more polite than it ;)

 

Regards

Link to comment
Share on other sites

To help answer the question. You need to edit your header.tpl file in the followin section.

                        <div class="container">
                            <div class="row">
                                <div id="header_logo">
                                    <a href="{$myurl}" title="{$shop_name|escape:'html':'UTF-8'}">
                                        <img class="logo img-responsive" src="{$logo_url}" alt="{$shop_name|escape:'html':'UTF-8'}"{if isset($logo_image_width) && $logo_image_width} width="{$logo_image_width}"{/if}{if isset($logo_image_height) && $logo_image_height} height="{$logo_image_height}"{/if}/>
                                    </a>
                                </div>
                                {if isset($HOOK_TOP)}{$HOOK_TOP}{/if}
                            </div>
                        </div>

Move header down or HOOK_TOP up about like that:

                        <div class="container">
                            <div class="row">
                                {if isset($HOOK_TOP)}{$HOOK_TOP}{/if}
                                <div id="header_logo">
                                    <a href="{$myurl}" title="{$shop_name|escape:'html':'UTF-8'}">
                                        <img class="logo img-responsive" src="{$logo_url}" alt="{$shop_name|escape:'html':'UTF-8'}"{if isset($logo_image_width) && $logo_image_width} width="{$logo_image_width}"{/if}{if isset($logo_image_height) && $logo_image_height} height="{$logo_image_height}"{/if}/>
                                    </a>
                                </div>
                            </div>
                        </div>

Further CSS adjustments might be needed.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...