Hader / Menu issues

[micheal_w]

Hi guys!

I came across with few things, can you please help to solve the below issues:

1. The displaying of the logo is always delayed compared to the other parts of the header. It seems that the loading takes longer than usual, but it is only 8kb! (see attachement header.mov)

2. The mega menu works strange. When hovering on the main menu, all good. But when clicking on them, their colour changes when I move the mouse away from them. How can I get rid of these colour changing effect from the main mega menu? FYA: the main menus are not linked! (see attachement megamenu.mov)

3. Is it possible to have the submenus of the mega menu underlined when hovering on them? (for example in the INFO menu: shipping, return, ordering etc)

4. Can the mega menu’s dropdown effect a bit faster?

5. is it possible to remove the rounded corners of the cart / my account dropdowns?

Thanks!

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

1) Please test this: Theme Options => Preloader/Transition Options Page Transitions => Off

2) That looks to be the focus color. Please use this:

nav > .mega-menu-wrap ul.mega-menu > li.mega-menu-item > a.mega-menu-link:focus {
    color: #fff!important;
}

3) Please use this:

ul.mega-sub-menu li.mega-menu-item:not(.mega-menu-item-has-children):hover > a {
    border-bottom: 1px solid #666!important;
}

4) Unfortunalty that is not possible.

5) Please use this:

.account-item ul.sub-menu {
	border-radius: 0;
}

[micheal_w]

This reply has been marked as private.

[Kyle – SUPPORT]

3) Working fine for me: http://d.pr/i/9ooQ/5e0pezGz

5) Try this:

.shopping-bag-item ul.sub-menu, .wishlist-item ul.sub-menu, .account-item ul.sub-menu, ul.sub-menu.header-search-wrap {
  border-radius: 0;
}

– Kyle

[micheal_w]

Hi Kyle,

1) any comment on this pelase?

3) I had to clear cache again, it works but I meant something else – sorry if I wasn’t clear enough. I just want a simple hover underline like here: http://tobiasahlin.com/blog/css-trick-animating-link-underlines (or simple appearing)

5) works perfectly, thanks!

[Kyle – SUPPORT]

1) Your site is pretty slow, the only other things that load before the logo is text and bg colours, which are obviously going to load quicker than an image. This wouldn’t even be noticeable if the hosting was quicker at loading the site

3) You’ll need to apply that css that they provide, using the class I provided you with

– Kyle

[micheal_w]

Hi Kyle,

1) I use WPEngine with all the good things they offer behind and the site not even close to finsihed yet, almost no content on it…
I know it shouldn’t be noticeable but for some reason the logo loading is simply slow, it is very noticeable…
So I am not sure what to do now..

Ps. the side loading for me is 2seconds, which isn’t bad I think https://tools.pingdom.com/#!/cTOIEK/http://lifewearau.wpengine.com/

3) I’m sorry but I don’t understand, you didn’t provide anything for this… ?

[Kyle – SUPPORT]

1) Not really anything we can do about that, are you using CloudFlare? If not I recommend you do

3) Sorry, the css David provided

– Kyle

[micheal_w]

1) I am not now, as WP Engine use built-in MaxCDN and they do not recommend to use another CDN

3) regarding David’s CSS it works but I meant something else – sorry if I wasn’t clear enough.
Right know it looks like a long separator, I just want a simple hover underline under the text like here: http://tobiasahlin.com/blog/css-trick-animating-link-underlines (or just a simple like the green TEXT LINK http://www.w3schools.com/css/css_link.asp)

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

It’s not possible as the link is full width of the column, not just the word

– Kyle

[micheal_w]

Hi Kyle,

1) The logo issue is still strange because I use Atelier for our current site on a slower host with much more content and it appears instantly http://lifewear.com.au/ with no CDN… Anyway, if there is no solution, then I need to live with that…

3) ohh okay, I didn’t know that – then I will leave it, thanks and sorry for mocking around…

[Kyle – SUPPORT]

That site has page loaders enabled, which load all of the page before it shows it. You can enable them on your site for the same functionality

– Kyle

[micheal_w]

Hi Kyle,

No worries, thank you for your time.

[Kyle – SUPPORT]

No problem