Forum Support

Shape 5
November 28, 2020, 04:34:59 PM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: Separating the logo with the mini menu logo  (Read 658 times)
Brewer
Jr. Member
**
Offline Offline

Posts: 35



« on: November 03, 2016, 10:21:04 PM »

Hello,

So I am using a full width logo:


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. :/
Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #1 on: 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!
Logged

Jonah Hall
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
Brewer
Jr. Member
**
Offline Offline

Posts: 35



« Reply #2 on: November 04, 2016, 03:37:08 PM »

http://swordofthedragon.org/guild-forums
Logged
Brewer
Jr. Member
**
Offline Offline

Posts: 35



« Reply #3 on: 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:

Code:
.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.
« Last Edit: November 05, 2016, 12:18:45 PM by Brewer » Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #4 on: 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.
Logged

Jonah Hall
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
Brewer
Jr. Member
**
Offline Offline

Posts: 35



« Reply #5 on: 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? Smiley
Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #6 on: 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:

Code:
<?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 ?>
Logged

Jonah Hall
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.