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!