Problem With Menu

[mariogarcia1]

Hi Christopher,

I’m not sure if we are talking at different ends, and i am not totally sure what you mean but as i have explained in my previous messages i have previously had to remove the submenu or 3rd level menu for Our Clinics from the site so that customers can access the pages for the clinics. What you in the screen shots you sent me is what i have had to create this morning so customers could access the pages for those clinics.

I have now just reset it to what it was, and i will leave the old code that was supplied previously by a support team member. So what you will see now is the issue that i reported originally. See Image Attached.

To reiterate what it is i would like to achieve is:

1, for the Treatments menu only to have a slider so users with smaller screens can see the full menu items
2, to be able to access the 3rd level or sub menu (i am not sure what its called) within the About Us - Our Clinics Option , where there should be the pages Spineplus Chigwell, Spineplus Bow, Spineplus Harley Street and Spineplus Waterloo. No slider required on any of these pages or within the About Us or Our Clinics Menu.

At present (now i have reset the menu to what it was originally) when i go to About Us and then down to Our Clinics as you can see in the screen shot attached, when i go to Our Clinics the menu wont expand to show the 4 pages within that section of menu.

Hope this makes sense. But let me know if it doesnt.

Kind Regards

Mario

[rad]

Hi there,

What we’re saying is, it’s not doable on the menu with 3rd level (second sub-menu).

but as i have explained in my previous messages i have previously had to remove the submenu or 3rd level menu for Our Clinics from the site so that customers can access the pages for the clinics.

That’s why it works because you removed the 3rd level menu (sub-menu) under Our Clinics.

Yes, you must reset the menu to the original since it’s not gonna work on the 3rd level menu (sub-menu). It’s not doable since adding scroll-bar only hides the overflowing elements like the 3rd level menu (second sub-menu).

Thanks!

[mariogarcia1]

Hi Rad,

I dont have a clue what you mean! You have confused me, when i know it worked once when the code was originally provided to me.

You say when i removed the 3rd Level menu it worked, thats just it its not working as i have had to change the menu structure from what it was originally when it worked.

If it worked once when i added the code after it was supplied to me in this message: on 7th Jul

---

Jul 7
Hi Support,

I am having an issue with a couple of things, and would really appreciate your support.

Problem 1 is that on the site http://www.spineplus-chigwell.co.uk/3 the treatments menu has many items on it and in some screen sizes and also in safri the menu gets cut off, and you can scroll to see the last items. How can i fix this? I have spoken to the client and they dont want to change it that much, so being able to scroll on it would be awesome.

Problem 2 is on my site PTTC e Learning. I am trying to add a static description to the items on the home page with a text description underneath the product. But i cant remove the spacing between the image and the text below. Can you advise please?

Thanks as always.

Mario

RueNel Staff
Jul 8
Hello Mario,

Thanks for writing in!

1.) Your sub menu is way too long. We need to control the maximum height of the submenu and also apply a scroll to any overflowing content. To resolve this, please add the following CSS code in the X > Launch > Theme Options > Global CSS (http://prntscr.com/evui3r1)

.desktop .sub-menu {
max-height: calc(100vh - 80px);
overflow-y: scroll;
}
2.) Could you please provide the url of the PTTC e learning site first?

Thank you.

---

Can you explain why that may be, as i am confused beyond belief? If i hadnt seen it work then i could understand that, but i have seen it work, and then 3rd Level vs Sub Menu has my head spinning!

Kind Regards

Mario

[paul.r]

Hi Mario,

That problem is that code doesn’t work if you have 3 level menu.

Kindly change it to this.

.desktop li.menu-item-8974 .sub-menu {
   max-height: calc(100vh - 80px);
   overflow-y: scroll;
}

That way it will only affect your treatment menu which you need to have the scroll enabled.

Hope that helps.

[mariogarcia1]

Hi Paul,

You are an absolute star, you saved me as i thought i was going mad after my previous conversations.

Thank you so much!!

All the best

Mario

[jade]

You’re most welcome, Mario.