2nd Logo (is it the Retina Logo) scrolls while other is fixed

Hi Luc

This appears to be a problem with combining your menu plugin with the existing Vantage sticky nav. Can you perhaps try the following under Appearance > Custom CSS and see if that helps:

/* Menu */

nav:first-of-type { display: none; }
nav.sticky[style] { width: 100% !important; }

Super, glad that did the trick :)

Hi Luc

Please try the following under Appearance > Custom CSS:

/* Main Slider */

#main-slider {
  margin-top: 60px;
}

Hope that helps.

Try replacing our previous rule with this new rule:

@media (min-width: 900px) {
	#main-slider {
		margin-top: 60px;
	}
}

Hi Luc

Would it be possible for you to create a temporary admin account for us so we can log in and take a look? You can create the account with the following email address:

[email protected]

Just navigate to Users > Add New in your WordPress admin. Enter siteorigin for the username and [email protected] for the email address. Make sure you’ve selected Administrator for the role and enabled the “Send Password” field so we receive the details.

Once we’re finished taking a look, you can delete this account. We’ll let you know when to do that.

Hey Luc

Thanks for the update. We’re caught in a bit of a trap of hotfixing one thing and breaking another. The problems we have now are due to changing the sticky menu, hiding one of the menus that Vantage uses. We did that to solve the logo jump issue, but the logo jump issue is being caused by CSS used to fix a logo problem relating your Max Mega Menu.

For testing sake I’ve commented out:

/*2 Menu problem */
/*nav:first-of-type { display: none; } */
/*nav.sticky[style] { width: 100% !important; } */

and

/* Fix logo became unclickable because was under the Mega Max Menu */
/*a.logo {
z-index: 9999;
position: relative;
}*/

The logo no longer jumps so we can use sticky like normal which also fixes this issue: http://crc.canadianpatriot.org/archives/10669.

We can now also remove the top margin we added to the slider.

This is a bit of a tough position for us because it’s really a third-party plugin, Max Mega Menu that seems to the reason changes were required to begin with. I propose we go back to as a basic setup as possible and try resolve from there.

Please take a look at where we are now. Let me know what isn’t right and I’ll try help out from this new position. Please try leaving the Custom CSS that I’ve commented out, just for now. Let’s rather try resolving from this new position. Hopefully we’ll have everything resolved very soon!

Glad to hear we’re making progress. The extra padding is coming from Mega Menu, I’ve tried to hotfix, give it a go now.

Hi :) Lots going on here. If you’d like you can roll back Custom CSS using the revision bar on the right. Let me try dive in deeper when I have an opening. What’s really being asked here is to integrate Max Mega Menu with Vantage, it’s a bit more than we usually handle but since we’re this far I’ll do my best to resolve.

Ok cool, so what I’ve done is setup a standard copy of this plugin locally. Everything is working as expected. Here is my setup:

Vantage Settings:

1. Vantage responsive menu off.
2. Vantage search in menu off.

Max Mega Menu Settings:

1. CSS Output – enqueue dynamically via admin-ajax.php

2. Theme, scroll to bottom find CSS Editor – locate the following:

#{$wrap} { 
    clear: both;
}

Change to:

#{$wrap} { 
    float: left;
}

Summary

It can be hard for us to dive in once a lot of tweaks have been carried out. What I’m proposing is setting this menu plugin up again. Temporarily remove all Custom CSS, save it in a file. Let’s just get everything default and stable. We can then fix issues one by one.

The above setup works for me. The menu works, the mobile menu works.

Thanks so much for your understanding, it means a lot.

Cool, let me jump in quick. Chat in a few mins.

Here we go :

Thread: We want to change out our logo only on our home page… and do it for normal & retina variants

Hope that helps.