Hi mabdelhady
You can achieve that by editing this file:
/templates/campus_life/index.php
If you're using Logo CSS (configure in template settings), you change this code:
<?php if ($s5_logo_type == "css") { ?>
<img alt="logo" src="<?php echo $s5_directory_path ?>/images/s5_logo.png" onclick="window.document.location.href='<?php echo $LiveSiteUrl; ?>'" />
<?php } ?>
to:
<?php if ($s5_logo_type == "css") { ?>
<img alt="logo" src="<?php echo $s5_directory_path ?>/images/s5_logo.png" onclick="window.document.location.href='<?php echo $LiveSiteUrl; ?>'" />
<img class="stickyimg" alt="logo" src="<?php echo $s5_directory_path ?>/images/s5_logo.png" onclick="window.document.location.href='<?php echo $LiveSiteUrl; ?>'" />
<?php } ?>
Then use this custom css rule:
.s5_logo_css img.stickyimg, .s5_wrap.notfullwidth .s5_logo_css img {
display: none;
}
.s5_wrap.notfullwidth .s5_logo_css img.stickyimg {
display: block;
}
put into the file: /templates/campus_life/css/custom.css (Create this file if it doesn't exist)