Responsive Section list Position

[grant]

Hi All

I know that I can set Design Wizard to put the Section List in the Left column, instead of at the top.

Great As the shop I am working on has Many top categories, and they dont fit along the top.

But - Is it possible to get it to :-

a: show the first level of sub categories?

b: revert to a responsive "click the plus" etc when viewed narrower, as the menu does when at the top?

Cheers

[brucet]

a: show the first level of sub categories?

In Site Options | Layout | Site, change the Top Level Section List Layout to one that includes Sub Sections.

b: revert to a responsive "click the plus" etc when viewed narrower, as the menu does when at the top?

Unfortunately that might require Javascript changes. However you can bring the navigation to the top of the page by repositioning the left side bar. In Site Options | General | Appearance Settings, change 'Left Column Relocation On Mobile Devices' from 'After Main Content' to 'Before Main Content'.

[grant]

Many thanks Bruce

Point 1 - worked a treat

Point 2 - did this, and the left column disappears if I view in a narrow window..... Will test if that is javascript sniffing out a mobile device - rather than going by viewport width....

[brucet]

Sorry, I forgot about that. You should be able to fix that in Site Options | General | Appearance Settings by changing 'Left Column Relocation On Mobile Devices' (a bit of a mouthful!) to 'Before Main Content'.

On my test site that doesn't seem to work, so there may be a problem with that setting. Let me know if it doesn't work for you, and in that case I will investigate further.

[grant]

Hi Bruce,

If I turn off Javascript in the browser, then it shows before the main content - great.

So, there is some javascript somewhere that is sniffing out a mobile device, and then showing the left column. If not on a mobile device it is just hiding it.

So, need to find that, and turn it off, so the natural responsive thing happens using just the viewport.

[brucet]

I looked into this a bit more, but unfortunately the mobile menu seems tied to the mega menu - it uses some of the same code.

ATM the mega menu is not generated if the left sidebar menu is used, so it's not possible to use media queries to reveal it on mobile devices.

So you would have to modify the layouts, the condition, the CSS and possibly the Javascript as well.

TBH it's probably easier to find a third party burger menu and adapt that using a new top level section list layout.

I've raised a usability ticket to cover your requirement. If there is enough demand then we would certainly look to address it.

Sorry I can't be more helpful at this time

[grant]

Cheers Bruce We made our own javascript in the end....