Navigation always shows all submenus

Support
#1

Hi there,

I have a subpage with a navigation collapsed-menu in the left column. But it always shows all submenus and doesn´t collapse.

And how can I use all menu-items as a link (and not only to show the next submenu-level?)

Cornerstone and x-theme are updated.

Can you please help?

Thank you
Mik

#2

Hi Mik,

Thanks for writing in! First of all, please make sure that you’re fully updated including X theme and Cornerstone plugin. You can check the latest version numbers from here, compare it with what you have installed on your site and update where necessary using our update guide.

If you still have any issues, remove any custom Javascript added to your site and also try switching to your parent theme (if you have a child theme). Make sure to purge your server cache before testing your site.

For further assistance, provide us with the specific URL to your referenced page.

Thanks!

#3

Hi,

I have updated X and Cornerstone today and I have no custom Javascipt or child theme.

You can find the page where I tried the menu here: http://www.eszm.de/testseite/

Thanks for your help!

#4

Hello @sst-wue,

Thanks for asking. :slight_smile:

Please add following CSS under X > Theme Options > CSS to fix navigation issue:

.x-collapsed {
    display: none !important;
}

If you would like to learn CSS, I am sharing few resources that you take a look to get started with CSS and an interesting tool that you can use to speed up the development process.

I recommend you to watch following video that will help you to get started with CSS.

https://www.youtube.com/watch?v=MFR4WXiLzpc

Sometimes it can get a bit difficult to find out the right selector to be able to write the required CSS codes. A handy tool that can help you in this is Google Chrome dev tools. I am sharing the resource that you can refer to get started with dev tools.

https://developers.google.com/web/tools/chrome-devtools/css/

https://developers.google.com/web/tools/chrome-devtools/

https://www.youtube.com/watch?v=tP_kXBJWPhQ&t=200s

Thanks.

#5

Thanks a lot! Now it works.

Although I do not understand, why I need an extra CSS… shouldn´t that be the usual behaviour of a collapsed navigation?

One more question: Is ist right, that I have more controls for navigation elements in Pro then in X? Or do I miss a setting in Cornerstone?

#6

Hi There,

Thanks again for asking!

collapsed navigation should work without the CSS. There might be some CSS conflict causing the issue, thats why @prasant send you a CSS fix.

The control you have in the cornerstone elements are same as in the pro builder elements.
In pro there is header and footer builder which has more control making custom design header and footer, But the content builder elements are same.

Hope this is clear.

Thanks

#7

Hi,

Thanks for your answer.

But why do I only have a few options at my Cornerstone-installation while at my Pro-Installation there are fare more options in the Navigation Collapsed Inspector?

Pro:

Cornerstone:

#8

Hi there,

Please try to enable the Advanced Mode option in Cornerstone so that you will get the complete options for the elements.

#10

thanks - that helped!

But I still have troubles with my navigation collapsed. For example:
when I build my menu in wordpress and put pages AAA and BBB under page C, the menu opens. But when I put pages AAA and BBB under page D it doesn´t.
Are there any options a page needs to work as a top link?

You can see it again at: www.eszm.de/testseite
I have the same submenus under “Testmenü” and “Ansprechpartner” but only “Testmenü” opens. When I move “Ansprechpartner” under “Testmenü”, it works and the submenu opens.

Can you help?

#11

Hi @sst-wue,

Would you mind providing a video recording? I can’t find the test menu, but I’m not sure how Ansprechpartner should work as it’s linking okay.

Thanks!

#12

Hi,

sorry, but I can not provide a video recording. But I now made two navigation collapsed menus in the sidebar on www.eszm.de/testseite.

First:

  • Testseite with submenu (does open)
  • Ansprechpartner with submenu (does not open)

Second:
Ansprechpartner is part of the Testseite-submenu - now it opens as well

What I found out is, the top level only opens (the submenu appears) when it is the same page - here: www.eszm.de/testseite > only the menu with Testseite as top level opens
Any other top level (e.g. Ansprechpartner) does not open.

Is there any way to change this?
Or alternatively: is there a way to have the top level open but the secondary and further level not?

Do you understand what I mean? Sorry, my English is not so well :wink:

#13

Hello There,

Before we continue with your menu, please do the following first:

  • Please replace the link _wp_link_placeholder into #
  • You are using an outdated X theme version to X 6.1.6

And after the updates the issue still exist, please provide us access to your site so that we can take a closer look. You can create a secure note and insert the credentials. To know how to create a secure note, please check this out: https://theme.co/apex/forum/t/how-to-get-support/288

Please let us know how it goes.

#15

secure note

#16

Hi,

It was not working because of the Custom CSS you have added,

I remove this code and it now works as it should


.x-collapsed {
    display: none !important;
}

.sub-menu {display: none;}
.current_page_item .sub-menu, .current_page_parent .sub-menu {display: block;}

See Video - https://www.screencast.com/t/YkoeU1Yd3yeD

Kindly check in your end.

Thanks

#17

Great - thanks a lot!

Actually, the css-code was the stuff-advice at the beginning of this topic…

But finally it works.

#18

You’re welcome! :slight_smile:

#19

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.