Shape 5

Joomla Templates => Gamers - Club => : Brewer November 03, 2016, 10:21:04 PM


: Separating the logo with the mini menu logo
: Brewer November 03, 2016, 10:21:04 PM
Hello,

So I am using a full width logo:
(http://imgur.com/a/Cl6yY)

The problem is the CSS for the main logo is the same as for the little logo on the menu. So when I scroll down.....yeah. That's not pretty.  Can you point me as to how to separate this? I'm not sure why it's set this way, I feel like a lot of people would use full width logos. :/

: Re: Separating the logo with the mini menu logo
: jonahh November 04, 2016, 11:48:43 AM
Hello,

Would you be able to post a URL of this? It'll be easier for me to see what needs to be changed. Thanks!

: Re: Separating the logo with the mini menu logo
: Brewer November 04, 2016, 03:37:08 PM
http://swordofthedragon.org/guild-forums

: Re: Separating the logo with the mini menu logo
: Brewer November 05, 2016, 12:16:58 PM
Hey nevermind I fixed it, since I was overriding the width for the logo, I had to also set it for the menu class:

:
.s5_logo {
	width: 1137px !important;
}

#s5_menu_wrap.s5_wrap .s5_logo {
	width: 130px !important;
}

But is there an easy way for me to do a completely different image? :/ Or perhaps I'll just do a display: none and not have it at all, undecided.

: Re: Separating the logo with the mini menu logo
: jonahh November 07, 2016, 12:28:06 PM
You could do a different image but it would require some custom coding. The floating menu has a class of "s5_wrap_fmfullwidth" added to it. So you could reference this to show a logo and to hide the current one by adding separate classes to each of the two logos.

: Re: Separating the logo with the mini menu logo
: Brewer November 15, 2016, 11:16:36 AM
I assume I'd just have to find where the logo is being called on the floating menu and change it to point to a different logo. Which brings me to my question, where is it called? :)

: Re: Separating the logo with the mini menu logo
: jonahh November 17, 2016, 12:08:32 PM
For this template it is called in a separate location but its just calling the exact same module position and logo (depending on method you use). You could create a new module position for it like "logo2" or something. Either way the code is located in the index.php file at about line 187. Just look for the below:

:
<?php if ($s5_show_menu == "show") { ?>
				<div id="s5_menu_wrap">
					<?php if($s5_pos_logo == "published") { ?>
					<div class="s5_logo_module">
						<?php s5_module_call('logo','notitle'); ?>
					</div>	
					<?php } else { ?>
						<img alt="logo" src="<?php echo $s5_directory_path ?>/images/s5_logo.png" class="s5_logo" onclick="window.document.location.href='<?php echo $LiveSiteUrl ?>'" />
					<?php } ?>
				
					<?php include("vertex/s5flex_menu/default.php"); ?>
				</div>
			<?php } ?>