Getting 'Navigation Collapsed' to behave as before

[EarlySigns]

Hi there. I have been using X Theme/Pro for a good couple of years and have very much got used to the interface to make websites quickly and easily. I have purchased an unlimited licence, so was very surprised to find the entire interface had been redesigned recently. No matter - I went on to try and work my way around and everything has been fine (save for some relearning). However, I am having issues with mobile navigation.

I am trying to replicate the behaviour of the old ‘navigation collapsed’ menu in mobile. The menu used to fly out from the right when the toggle was clicked, rather than drop down from the menu toggle. I prefer it to fly out from the right as it used to - how can I replicate this old behaviour? I hope this can be done, as this is one of the many reasons I use your wonderful theme.

(PS - I can see that you have suggested to use Model or Dropdown instead of Navigation Collapsed. It might have been a good idea to call it something else if it doesn’t behave in the same way anymore? Just saying).

Waiting for your advice - a long time user and avid fan.

[prakash_s]

Hello, @EarlySigns,

Thanks for writing to us.

I would suggest you use the Navigation OFF Canvas. Please have a look at the given screenshot below.

There is Navigation collapsed element as a child element of Navigation OFF Canvas.
Please have a look at the given screenshot below.

It would work the same as the older one was working.

Hope it helps.
Thanks

[EarlySigns]

Hi there, yes this helps great thanks! How do I change the colour of the grey boxes around the top link text? This is also a new feature I am not familiar with, thanks.

[friech]

Hi @EarlySigns,

Thank you for the patronage, but I’m not sure what grey boxes you’re referring to, can you provide screenshot and the site URL?

Here is the details about that revamp Dropdowns, Modals, Off Canvas elements.

Cheers,

[EarlySigns]

Hi there, the grey boxes I am referring to are in the screenshot you provided - around the top links in off canvas - ‘Pages, categories, depth’ etc. In the original Naviagtion Collapsed settings you could easily find where to change background colours for the background around the top links in the flyout. If you could point me in the right direction I would be most grateful.

[tristup]

Hi @EarlySigns,

You can change the background color for the menu items through the Navigation Collapsed as previously. Please find the screenshot describing below.

Hope it helps.
Thanks