Vanilla Menu problem
By Julie Kubiak on Saturday, 16 March 2019
Posted in General
Replies 18
Likes 0
Views 1.1K
Votes 0
Hi guys,

I AM CURRENTLY WORKING ON DEV.MASQUERADING.GLOBAL

I'm trying to resolve an issue where my menus on the Vanilla Sidebar aren't behaving as expected.
As you can see from my screen capture, the main Masquerading Menu appears, but the sub-menu has two chevrons. You cannot access the sub-menus form here as they are not expanding when you click on them.

It looks messy too, as I cannot see how to set the sub-menus to be static and appear under their main menus.


I have checked this out on our LIVE site and you can't access the sub-menus there but they do look cleaner, with a nice down-arrow appearing, even if it's useless and it won't expand anything.

We haven't made any changes to the menus in 6 months and due to personal circumstances we haven't touched the site in quite some time, so this may be something to do with template changes that you are aware of, but we need to know how to resolve it on the DEV and LIVE site, so I can apply the changes to our other sites.


UPDATE
On the main/Live site I have noticed that there are two menus on the vanilla side bar that are ours.
One perfect one at the top of the screen and one dodgy one at the bottom. The one at the bottom is the one I need to remove but I can’t seem to switch it off and the one at the top which is perfect but I need to hide all the other menu options that are linked to easy social.
Hey there,

I am really sorry for the delay of this reply as it is a weekend for us here.

Currently I only working on your development site.

In order to show the site menu correctly on the mobile off-canvas layout, you have to do this following steps :

1. Display 'Vanilla Sidebar Module' under this sidebar module position.

2. Once you displayed this module, you have to create 'Menu module' then assign this module to display under sidebar-menu, so it will show properly the submenu layout.

I already did this on your site, you can refer on this following module :
- Vanilla Sidebar Module (Mobile) (sidebar) module position
- Site menu (sidebar-menu) module position

And that is not advisable to display menu on the off-canvas layout (https://take.ms/sH6tl) because you already display the menu on the page header.
Arlex Wong
·
Sunday, 17 March 2019 01:29
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Arlex,

I’ve checked the Dev site and that’s perfect, I just need to hide the extra menus below mine which are ACCOUNT and DISCOVER

Can these be switched off?
Julie Kubiak
·
Sunday, 17 March 2019 02:00
·
0 Likes
·
0 Votes
·
0 Comments
·
I've added this following custom css code into your Vanilla template custom css area, can you give it a check on your mobile and see is it hide those section?


body.is-mobile .sp-module.xes-side-menu__tabs {

	display: none !important;

}
Arlex Wong
·
Sunday, 17 March 2019 11:41
·
0 Likes
·
0 Votes
·
0 Comments
·
Arlex, that's exactly how I wanted it to appear.

Thank you!

Do I now just have to add the custom css code into my Vanilla template custom css area for each site?
Julie Kubiak
·
Sunday, 17 March 2019 20:48
·
0 Likes
·
0 Votes
·
0 Comments
·
I’ve compared everything between DEV and Live but in our Live site, this is appearing?

And you can’t click on any of the sub menus, they don’t expand.

DEV looks and works fine though (2nd screen capture).
Julie Kubiak
·
Sunday, 17 March 2019 21:23
·
0 Likes
·
0 Votes
·
0 Comments
·
Oh, it seems like you have another 'Site Menu' menu module display on `sidebar` position, by right the menu shouldn't appear on the desktop.

I've help you disabled this `Site Menu` menu, it should work fine now.
https://take.ms/qPnGy

Do I now just have to add the custom css code into my Vanilla template custom css area for each site?

Yes, you have to add this custom css for other domain site.
Arlex Wong
·
Monday, 18 March 2019 11:56
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi,

I have followed everything and compared it all to Masquerading.Global, yet I cannot get DEV.MasqueradingPets.com menus to work correctly.
This has scared me from applying the changes to the LIVE MasqueradingPets.com site.

Could you please see if you can spot the difference!!!! And pretty please if you could apply the changes required to the LIVE MasqueradingPets.com site.
Julie Kubiak
·
Tuesday, 19 March 2019 00:30
·
0 Likes
·
0 Votes
·
0 Comments
·
Based on what i checked this on your live site MasqueradingPets.com , your vanilla template version still using older version which is 1.0.4, because your other site already updated to 1.0.6.

And the current latest version is 3.0.2 , since I do not have 1.0.6 version installer, so I just help you update to latest version of vanilla, it should work fine now.
Arlex Wong
·
Tuesday, 19 March 2019 11:00
·
0 Likes
·
0 Votes
·
0 Comments
·
Thank you Arlex, I have the menu now, but it won't expand.

Also, I have noticed that it is causing an error message on the landing page of the website, the login/register screen.

Julie Kubiak
·
Tuesday, 19 March 2019 15:21
·
0 Likes
·
0 Votes
·
0 Comments
·
It seems like I didn't see any error on your login and registration page, you can check my attached screenshot below.

And you can download my attached video file, it can able to expand the submenu when I click the right arrow icon.
Arlex Wong
·
Tuesday, 19 March 2019 17:23
·
0 Likes
·
0 Votes
·
0 Comments
·
The problem is on the landing page. When you view it on a mobile device and click on the three lines for the menu, it is saying submenu needs to be attached.
Also the menu once you are logged in does not have clickable submenu.
Julie Kubiak
·
Tuesday, 19 March 2019 18:24
·
0 Likes
·
0 Votes
·
0 Comments
·
Oh, actually I tested on your live site instead of your dev site, perhaps you can try on your live site and see whether working correctly?

And I was unable to access your dev.masqueradingpets.com/administrator backend page, I getting blank page.

By the way, can you try your menu module and see whether got assign to this module position 'sidebar-menu'?

If everything is correct and the issue still persists, you have to fix your site backend issue so I can able to login.
Arlex Wong
·
Tuesday, 19 March 2019 19:02
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi,

LIVE pets now ok but on DEV and LIVE you get this on the landing page when you click on the menu link (see attached).


I also spotted DEV gives a blank screen, not sure why, but go to http://www.DEV.MasqueradingPets.com first and it appears fine, then add /administrator to the address
Julie Kubiak
·
Wednesday, 20 March 2019 04:24
·
0 Likes
·
0 Votes
·
0 Comments
·
It seems like I still unable to access your development site, it keep show the blank page for me even I follow your step.

By the way, regarding with your live site, the reason why it show warning when you click that offcanvas layout is because your 'Site Menu' Access set to registered mean this menu only appear for the guest user only.

You can check my attached screenshot below.

And I did help you configure that access to public, it should work fine now.
Arlex Wong
·
Wednesday, 20 March 2019 10:03
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post