1. Mol4
  2. Sherlock Holmes The Voice
  3. Commercial Templates
  4. Monday, 29 March 2021
  5.  Subscribe via email
Hello Ciaran,

In order to get a SVG logo in the Riley template I'v made some changes to the file inc->layout->logo:

<?php
defined( '_JEXEC' ) or die( 'Restricted index access' );

$sitename = htmlspecialchars($app->get('sitename'), ENT_QUOTES, 'UTF-8');

?>
<div id="logo" class="logo">
<a href="<?php echo $this->baseurl ?>" title="<?php echo $sitename; ?>">
<?php if($this->params->get('logoImage') == '1') : ?>
<?php if($this->params->get('logoimagefile') == '') : ?>
<img class="logo-image primary-logo-image" src="https://123testdomein.nl/daniels/images/glashandel-daniels/logo-glashandel-daniels.svg" alt="Logo" />
<?php elseif($this->params->get('logoimagefile') != '') : ?>
<img class="logo-image primary-logo-image" src="https://123testdomein.nl/daniels/images/glashandel-daniels/logo-glashandel-daniels.svg" alt="Logo" />
<?php endif; ?>
<?php if($this->params->get('logoimagefile-scrolled') == '') : ?>
<img class="logo-image-scrolled primary-logo-image" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template?>/images/logo-scrolled.png" alt="Logo" />
<?php elseif($this->params->get('logoimagefile-scrolled') != '') : ?>
<img class="logo-image-scrolled primary-logo-image" src="<?php echo $this->baseurl ?>/<?php echo $this->params->get('logoimagefile-scrolled'); ?>" alt="Logo" />
<?php endif; ?>
<?php if($this->params->get('mobilelogoimagefile') != '') { ?>
<img class="logo-image mobile-logo-image" src="https://123testdomein.nl/daniels/images/glashandel-daniels/logo-glashandel-daniels.svg" alt="Logo" width="50%" />
<?php } ?>
<?php else : ?>
<img class="logo-image" src="/<?php echo $this->baseurl ?>/images/glashandel-daniels/logo-glashandel-daniels.svg" alt="Glashandel Daniels" />
<!-- <div class="logo-text"><?php echo $this->params->get('logoText'); ?></div> -->
<?php if($this->params->get('sloganText') != '') { ?>
<div class="logo-slogan"><?php echo $this->params->get('sloganText'); ?></div>
<?php } ?>
<?php endif; ?>
</a>
</div>

Now on mobile the hamburger menu is beneath the logo, eventough I've made it 50% width.
What am I doing wrong?

Thanks!
Greetings, Ton
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ton

To amend try adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

.logo {
flex: 1 0;
}


You can remove the width="50%" from your image as it is not required.

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

Many thanks again, this works fine :-)

Greetings, Ton
  1. more than a month ago
  2. Commercial Templates
  3. # 2
  • 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.