Site Name and Slogan vanish after selecting Logo Image

baeprod

I know that the default logo for JA Titan is hardcoded into the template using a SVG image.

Is there a simple solution to upload the Logo Image AND keep the the Site Name and Site Slogan?

As it is now, you can create the Site Name and Site Slogan, save it, and it appears correctly. However, if you choose to add you own logo, the Site Name and Site Slogan disappear. If on purpose, I'm not understanding the logic behind it since I can just leave the text fields for Site Name and Site Slogan empty if I don't them to appear.

Thoughts?

cssyeah

Hi @baeprod,
To implement the idea as you wish, I would like to suggest two solutions as follows:

- Solution 1: You can integrate the Site name and site slogan into the logo icon into an image and then add it to the logo image section.

- Solution 2: Copy the code below into the Edit Custom CSS modal section. Then upload the logo icon (your-logo-icon-name.png) into the images folder on your website.

.navbar-brand.logo-text > a::before {
    mask: none;
    background-color: transparent;
    background: url('../../../../images/[**your-logo-icon-name**].png') no-repeat center center;
}

.navbar-brand.logo-text > a {
    position: relative;
}

.navbar-brand.logo-text .site-slogan {
    position: absolute;
    left: 36px;
    bottom: 0;
    font-size: 14px;
    margin-top: 0;
    margin-bottom: -8px;
}

Reload your website to view the change.

baeprod

Thank you for the solution ideas. I always have had to use your Solution #1 in the past, but I just don't understand why your Solution #2 wouldn't be standard. If someone doesn't want the site name and slogan to appear, they can leave the fields blank.

Anyway... not wanting to debate... but strategically the way the T4 design handles this doesn't make sense to me.

cssyeah

Hi @baeprod,

I agree with your point. This is a special handling in JA Titan template and you can remove it by updating the code in logo.php file (folder path: ja_titan/html/layouts/t4/element/). Open logo.php file line 9, replace the code line:

...
$site_name = $site_settings->get('site_name', $conf->get('sitename'));
...

...
$site_name = $site_settings->get('site_name', '');
...

Save and reload your website.