1. poeppel
  2. Sherlock Holmes
  3. Commercial Templates
  4. Tuesday, 14 March 2017
  5.  Subscribe via email
Hello
Is it possible to use three different logos, as is also possible for modules?
One for hidden-phone
One for hidden tablet
One for hidden-desktop

Thank you for your support
Best regards
Uwe

Template: J51_Pianoforte - Standard
Homepage: http://maass-kfz.de
Accepted Answer Pending Moderation
0
Votes
Undo
Hello Ciarán
Thanks a lot !!!

The menu is back and the logos are working!
Thanks again for the help
And a very nice day

regards
Uwe
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Would you have a URL to the 2 images you wish to use on mobile devices?

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

The URLs are:

http://maass-kfz.de/images/logo/logo.gif (Desktop - right now)

http://maass-kfz.de/images/logo/logo_t.gif (Tablet)
http://maass-kfz.de/images/logo/logo_m.gif (Smartphone)

If the sizes of these pictures should be different, I can still make them.

Thank you
best regards
Uwe
  1. more than a month ago
  2. Commercial Templates
  3. # 3
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you Uwe

To amend try replacing the contents of your templates header.php (../templates/[YourTemplate]/php/layouts/header.php) with the following...

<?php 
defined( '_JEXEC' ) or die( 'Restricted index access' );
?>
<div id="logo">
<?php if($this->params->get('logoImage') == '1') : ?>
<div class="logo logo-image"> <a href="/<?php echo $this->baseurl ?>" title="<?php echo $siteName; ?>">
<?php if($this->params->get('logoimagefile') == '') : ?>
<img class="logo-image primary-logo-image" src="/<?php echo $this->baseurl ?>/templates/<?php echo $this->template?>/images/logo.png" alt="Logo" />
<?php elseif($this->params->get('logoimagefile') != '') : ?>
<img class="logo-image primary-logo-image" src="/<?php echo $this->baseurl ?>/<?php echo $logoimagefile; ?>" alt="Logo" />
<?php endif; ?>
<img class="logo-image tablet-logo-image" src="http://maass-kfz.de/images/logo/logo_t.gif" alt="Tablet Logo" />
<img class="logo-image phone-logo-image" src="http://maass-kfz.de/images/logo/logo_m.gif" alt="Mobile Logo" />
</a> </div>
<?php else : ?>
<div class="logo logo-text">
<h1> <a href="/<?php echo $this->baseurl ?>" title="<?php echo $this->params->get('siteName'); ?>">
<?php echo $this->params->get('logoText'); ?>
</a> </h1>
<p class="site-slogan"><?php echo $this->params->get('sloganText'); ?></p>
</div>
<?php endif; ?>
</div>
<?php
$document->addStyleDeclaration('
.tablet-logo-image, .phone-logo-image {display:none;}
@media only screen and (max-width: 1024px) {
.primary-logo-image {
display:none;
}
.tablet-logo-image {
display:inline-block;
}
}
@media only screen and (max-width: 767px) {
.primary-logo-image, .tablet-logo-image {
display:none;
}
.mobile-logo-image {
display:inline-block;
}
}
');
?>


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 4
Accepted Answer Pending Moderation
0
Votes
Undo
Hello Ciarán
Thanks for the adjustments.
Unfortunately, only the tablet-logo works.
The logo for the desktop and phone view is not displayed. (The tablet-logo will be properly dimmed.)
Can you please take a look at this again? - I sent the header.php.

regards
Uwe
Attachments (1)
  1. more than a month ago
  2. Commercial Templates
  3. # 5
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

May I suggest sending temporary administration access to your Joomla installation to info@joomla51.com and we will examine this issue further. For our reference please paste a link to this post in your email.

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 6
Accepted Answer Pending Moderation
0
Votes
Undo
Hello Ciarán

Many thanks for the help!
I've seen it work.

But now there is a bigger problem!
The main menu is no longer displayed.
Mobile yes, tablet yes, but the desktop view is missing.

This has now become an urgent problem.
Is it possible to help quickly here!

regards
Uwe
  1. more than a month ago
  2. Commercial Templates
  3. # 7
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you

Your logos should be now displaying correctly. Updated code for your header.php...

<div id ="header" class="block_holder"> 

<div id="socialmedia">
<ul id="navigation">
<?php if($social_rss != "") : ?>
<li class="social-rss"><a href="/<?php echo $this->params->get('social_rss'); ?>" target="_blank" title="RSS">Twitter</a></li>
<?php endif; ?>
<?php if($social_twitter != "") : ?>
<li class="social-twitter"><a href="/<?php echo $this->params->get('social_twitter'); ?>" target="_blank" title="Twitter">Twitter</a></li>
<?php endif; ?>
<?php if($social_facebook != "") : ?>
<li class="social-facebook"><a href="/<?php echo $this->params->get('social_facebook'); ?>" target="_blank" title="Facebook">Facebook</a></li>
<?php endif; ?>
<?php if($social_googleplus != "") : ?>
<li class="social-googleplus"><a href="/<?php echo $this->params->get('social_googleplus'); ?>" target="_blank" title="GooglePlus">Google+</a></li>
<?php endif; ?>
<?php if($social_youtube != "") : ?>
<li class="social-youtube"><a href="/<?php echo $this->params->get('social_youtube'); ?>" target="_blank" title="Youtube">Youtube</a></li>
<?php endif; ?>
<?php if($social_pininterest != "") : ?>
<li class="social-pinterest"><a href="/<?php echo $this->params->get('social_pininterest'); ?>" target="_blank" title="Pinterest">Pinterest</a></li>
<?php endif; ?>
<?php if($social_blogger != "") : ?>
<li class="social-blogger"><a href="/<?php echo $this->params->get('social_blogger'); ?>" target="_blank" title="Blogger">Blogger</a></li>
<?php endif; ?>
<?php if($social_dribbble != "") : ?>
<li class="social-dribbble"><a href="/<?php echo $this->params->get('social_dribbble'); ?>" target="_blank" title="Dribbble">Dribbble</a></li>
<?php endif; ?>
<?php if($social_flickr != "") : ?>
<li class="social-flickr"><a href="/<?php echo $this->params->get('social_flickr'); ?>" target="_blank" title="Flickr">Flickr</a></li>
<?php endif; ?>
<?php if($social_skype != "") : ?>
<li class="social-skype"><a href="/<?php echo $this->params->get('social_facebook'); ?>" target="_blank" title="Skype">Skype</a></li>
<?php endif; ?>
<?php if($social_linkedin != "") : ?>
<li class="social-linkedin"><a href="/<?php echo $this->params->get('social_linkedin'); ?>" target="_blank" title="LinkedIn">LinkedIn</a></li>
<?php endif; ?>
<?php if($social_vimeo != "") : ?>
<li class="social-vimeo"><a href="/<?php echo $this->params->get('social_vimeo'); ?>" target="_blank" title="Vimeo">Vimeo</a></li>
<?php endif; ?>
<?php if($social_yahoo != "") : ?>
<li class="social-yahoo"><a href="/<?php echo $this->params->get('social_yahoo'); ?>" target="_blank" title="Yahoo">Yahoo</a></li>
<?php endif; ?>
<?php if($social_tumblr != "") : ?>
<li class="social-tumblr"><a href="/<?php echo $this->params->get('social_tumblr'); ?>" target="_blank" title="Tumblr">Tumblr</a></li>
<?php endif; ?>
<?php if($social_deviantart != "") : ?>
<li class="social-deviantart"><a href="/<?php echo $this->params->get('social_deviantart'); ?>" target="_blank" title="DeviantArt">DeviantArt</a></li>
<?php endif; ?>
<?php if($social_delicious != "") : ?>
<li class="social-delicious"><a href="/<?php echo $this->params->get('social_delicious'); ?>" target="_blank" title="Delicious">Delicious</a></li>
<?php endif; ?>
</ul>
</div>
<?php if($search_onoff == "1") : ?>
<div id="search">
<?php echo $search; ?>
</div>
<?php endif; ?>

<div id="logo">
<div class="logo_container">
<?php if($this->params->get('logoImage') == '1') : ?>
<div class="logo"> <a href="/index.php" title="<?php echo $siteName; ?>"><span>
<?php if($this->params->get('logoimagefile') == '') : ?>
<img style="display: block;" src="/<?php echo $this->baseurl ?>/templates/<?php echo $this->template?>/images/logo.png" alt="Logo" />
<?php elseif($this->params->get('logoimagefile') != '') : ?>
<img class="logo-image primary-logo-image" style="display: block;" src="/<?php echo $this->baseurl ?>/<?php echo $logoimagefile; ?>" alt="Logo" />
<img class="logo-image tablet-logo-image" src="http://maass-kfz.de/images/logo/logo_t.gif" alt="Tablet Logo" />
<img class="logo-image phone-logo-image" src="http://maass-kfz.de/images/logo/logo_m.gif" alt="Mobile Logo" />
<?php endif; ?>
</span></a> </div>
<?php else : ?>

<h1 class="logo-text"> <a href="/index.php" title="<?php echo $this->params->get('siteName'); ?>"><span>
<?php echo $this->params->get('logoText'); ?>
</span></a> </h1>
<p class="site-slogan"><?php echo $this->params->get('sloganText'); ?></p>
<?php endif; ?>
</div>
</div>
<?php
$document->addStyleDeclaration('
.tablet-logo-image, .phone-logo-image {display:none;max-width: 100%;}
@media only screen and (max-width: 1024px) {
.primary-logo-image {
display:none !important;
}
.tablet-logo-image {
display:inline-block;
}
}
@media only screen and (max-width: 767px) {
.primary-logo-image, .tablet-logo-image {
display:none;
}
.phone-logo-image {
display:inline-block !important;
}
}
');
?>

<div class="hornavmenumobile">
<div id ="nav">
<?php echo $hornav_mobile; ?>
</div>
</div>


<div class="clear"></div>

</div>


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 8
Accepted Answer Pending Moderation
0
Votes
Undo
Hello Ciarán
Unfortunately did not work a quick fix. We have now set up the original file header.php again. The modified file in which the menu is not displayed is renamed to header.php_joomla51_22.03.2017 and is located in the same directory.

regards
Uwe
  1. more than a month ago
  2. Commercial Templates
  3. # 9
Accepted Answer Pending Moderation
0
Votes
Undo
My apologies.. we seemed to have removed the markup for the hornav.

All should be well now!

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 10
Accepted Answer Pending Moderation
0
Votes
Undo
Great... thank you for the update! :)

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 11
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters
the trademark holder in the United States and other countries.