Hello

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

Ciarán

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

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

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

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

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

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

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

My apologies.. we seemed to have removed the markup for the hornav.

All should be well now!

Ciarán

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

Great... thank you for the update!

Ciarán