[Resolved] Mega Menu Issue

[Sam]

FYI I sent it as an “account issue” I hope that was correct as I could only do support tickets in the technical support section.

[Leo]

I poked around but couldn’t figure it out 🙁

Forwarded to Tom to have a look though 🙂

[Tom]

Hi there,

I just took a look and I can see the option – can you take another look?

Let me know 🙂

[Sam]

Hi Tom, honestly that is the strangest thing! I see it too.

I have no idea how though, as did not touch the site between yesterday and just now. How odd.

Unfortunately, I have some more questions!

A lot of things now need to be restyled, would it be correct that any custom CSS that was applied to the header as it was before (i.e. for the size of the logo) would they now need to be re-done? Or is it that before they had sliders to set them in the customizer and now not? I see a lot fewer options in those layout tabs now…

Secondly, the icon for the menu search is now on the far right whereas before it was the cart, can this be changed?

Many thanks
Sam

[Sam]

And another question, is it possible to make the mega menu width full screen but the content contained?

thanks

[Tom]

Yes, some things will need to be adjusted in the Customizer, as the nav as header option changes some options to make sure it looks good when you activate the option.

The nav as header option does remove some Customizer options that no longer apply. If you’d like to share some of the CSS that’s no longer working, we can adjust it to work with the new header.

As for the cart icon, try this CSS:

.nav-aligned-right .main-navigation .menu > li.wc-menu-item {
    float: right;
}

I don’t believe it’s possible to set the sub-menu items to contained, as there isn’t a child element we could apply the width to, unfortunately.

[Sam]

Ok thanks Tom, pretty much got it worked out now. One more question, is it possible to add a shortcode as the last item on the header? after the search icon / cart?

[Tom]

It’s possible but might take some CSS. First thing to do would be to use a plugin like this: https://wordpress.org/plugins/shortcode-in-menus/

Then give the menu item a custom class. That will allow me to take a look and provide the necessary CSS 🙂

[Sam]

Hi Tom, so it would be in a separate menu to the primary nav?

I already have that plugin.

It is for a currency selector so I would use class ‘currency-menu’.

Thanks
Sam

[Sam]

Hi tom, I have noticed a strange issue this morning after making no changes to the site overnight. The logo in my header has vanished. I checked the customizer and it is still set in site identity for both normal and retina but nothing shows. In FF it shows as a broken image. But it is not.

Can you advise why this would suddenly vanish? I am not using any cache plugins in this dev site and I have clear my browser.

thanks
Sam

[Tom]

You could add it into your primary menu.

You have several mixed content warnings on the page, which means there are resources loading in http. You might want to use a plugin like this to search/replace all http URLs with https: https://wordpress.org/plugins/velvet-blues-update-urls/

[Sam]

Hi Tom, yeah I noticed those. It’s weird as it is a subdomain, our main url has full ssl but I did not do it on this as it is only for development.

Would that be the reason just that one image suddenly won’t display? Like I say it was there yesterday and it appears in the WP media section and in the customizer unbroken so it seems weird it would be broken on the front end and only that one image. If you look at the sticky and mobile logos they are still there.

[Sam]

To add to that, I also notice that there was some demo content in the widgets that has now vanished to, there were 4 widgets yesterday 3 demo content and 1 with a currency selector, now there is only the one. Is there any way that could be related as they disappeared at the same time as the logo.

See below screenshot. I cannot see anywhere in the primary nav layout settings to select a logo?

Customizer > Site Identity: https://www.dropbox.com/s/tlta928ll3f5yw5/Screenshot%202019-06-19%20at%2020.32.41.png?dl=0

thanks

[Sam]

Hi guys, sorry for repeated posts I should probably hold fire till I have had a dig around… I fixed it, for some reason it was loading just the retina logo from http and not https. All other images were loading https. How odd.

thanks again.
Sam

[Tom]

Glad you got it sorted 🙂

[Author]

Posts