Change direction of header drop down

Hi all,

I am working on https://www.luxx.digi-blue.co.uk, using version 1.5.1. I have a drop down category menu at the top. On the last category, The Luxury Shop, I have sub categories with sub-sub categories. When you open them, the sub-sub categories open to the right, basically off the page, and when you look at the site on a laptop, it goes right to the end of the screen, in some cases off the screen. Is there a way that I can make the last part of the menu to open the sub-sub categories rather to the right, so it show inside the
design of the site?

Hope someone can help!

And what if you wish to add yet another category or your customers want to view your site on a mobile or tablet?

Header menus have limited virtual real estate, which is why placing your catalog menu in a vertical stack, like in a side column, makes more sense.

barendfaber:

Hi all,

I am working on https://www.luxx.digi-blue.co.uk, using version 1.5.1. I have a drop down category menu at the top. On the last category, The Luxury Shop, I have sub categories with sub-sub categories. When you open them, the sub-sub categories open to the right, basically off the page, and when you look at the site on a laptop, it goes right to the end of the screen, in some cases off the screen. Is there a way that I can make the last part of the menu to open the sub-sub categories rather to the right, so it show inside the
design of the site?

Hope someone can help!

So, I'm not highly experienced with css; however, I think I understand the basics of it. Essentially the sub-sub categories (and any further down from that) need to be identified differently (I think by use of the class statement) than the sub-categories and then the css file(s) updated to identify the other direction from which the first go. I would think also that there would need to be something to bring that new group ahead (on top) of the lower layer/previous menu option. As for the height, well I am not sure of that one. It is not unusual for a menu to go down below the existing content; however, often I have seen that in that case, the window is "resized" to allow moving down that far. Not to say that the resizing happens on the fly, but that room is provided in advance to allow the menu to go to the bottom or when the menu option is on screen the window can be scrolled to reach the bottom of the menu list.

How about swapping The Luxury Shop with Gifts ?