Company Logo at Top Left

Is there a way to make it show up there instead of the text?

Currently its only showing up on the log-in screen. I keep reading about it being supposed to show in the footer but I’m not seeing it there.

We are using SuiteCRM Version 7.2.2 Sugar Version 6.5.20 (Build 1001) with the Suite R theme enabled by default.

Cheers,
Berry

Copy the _headerModuleList.tpl from themes/SuiteR/tpls to custom/themes/SuiteR/tpls and change

<a class="navbar-brand" href="index.php">{$APP.LBL_BROWSER_TITLE}</a>

to point to the logo file. For example:

<a class="navbar-brand" href="index.php"><img src="themes/default/images/company_logo.png"></a>

Depending on the size of the logo, you may have to add height and width restrictions to the image tag.

Then do a quick repair and rebuild. After the quick repair is complete click on any link and when you go to the next page you will see the logo.

Thank you for this tip. It seems to break the mobile interface though, bumping the current menu, search and global menu onto another line. Any way to prevent this from occuring?

I did this so long ago I don’t remember anything. But here’s my tpl, try to find the relevant part in there. My logo simply disappears when the menu turns into mobile-design.

Oh, and this is for a custom SuiteR theme - for SuiteP it might be different, but I don’t use that theme.


<!--Start Responsive Top Navigation Menu -->
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
    <div class="container-fluid">
        <div class="navbar-header">
            <!-- a class="navbar-brand" href="index.php">{$APP.LBL_BROWSER_TITLE}</a -->
            <a class="navbar-brand" href="index.php"><img style="display: inline; margin-right: 5px;" src="custom/themes/SuiteR/images/sugar_icon.ico">{$APP.LBL_BROWSER_TITLE}</a>

            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#mobile_menu">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <div id="mobileheader">
                <div id="modulelinks">
                    {foreach from=$moduleTopMenu item=module key=name name=moduleList}
                        {if $name == $MODULE_TAB}
                            <span class="modulename" data-toggle="dropdown" aria-expanded="false">{sugar_link id="modul$
                            {if $name !='Home'}
                                <ul class="dropdown-menu" role="menu">
                                    {if count($shortcutTopMenu.$name) > 0}
                                        {foreach from=$shortcutTopMenu.$name item=item}
                                            {if $item.URL == "-"}
                                                <li><a></a><span>&nbsp;</span></li>
                                            {else}
                                                <li><a href="{$item.URL}">{$item.LABEL}</a></li>
                                            {/if}
                                        {/foreach}
                                    {/if}
                                </ul>
                            {/if}
                        {/if}
                    {/foreach}
                </div>
1 Like