Support Central

Hi brusamolino

Please assign the specific template layout to the menu item where you want to have vertical or horizontal menu

Regards

Hi brusamolino

Could you please explain what exactly doesn't works ?

it has 4 menu items 2 horizontals and 2 verticals and all 4 seems to works fine by my side

Same problem here, Vertical menu does not function. Tried using QuickStart package and standalone installation.

Hi,

I guess you're using small screen when viewing our demo site. Due to the concept of this template, the vertical menu will show when screen is ~1680px and above. In this screensize, the layout with vertical menu will look nice.

Regards

Hi brusamolino

I'm using 1920 x 1080 0n a Mac and tested quickstart and demo site and everything works fine

http://prntscr.com/jd5j97

Best regards

I'm running 1600x900 and the demo site works with vertical menu and looks nice but the quick start I installed with demo data does not behave the same. I believe brusamolino is correct in saying there is a bug.

Hi Folks,

Just wanted to check if you click once only on the link does this reveal the dropdown?
If I double click it loads the menu item instead

I have got the demo installed and am comparing against the live demo site
I also see the same on the site url at the top of this page on my monitor screen which is 2560 x 1440
While viewing in Chrome at 100% view

Thanks
Paul

Hi brusamolino

Our developers are investigating into it , we are in the week end and joomlart offices will open again in the next 48 hours , please be patient and wait for an answer to your question.

Regards

Hi,

You can try with this solution:
1.If you're familiar with CSS, go to file: root/templates/ja_mason (your default template)/css/custom.css (create this file if it doesn't exist)

And add this code:

@media screen and (min-width: 2200px) {
  div.t3-wrapper.menu-vertical {
    margin: 0 auto;
  }
  div.t3-wrapper.menu-vertical #t3-header {
    left: auto;
    margin-left: -240px;
  }
}

2. In case you can work with LESS, you can backup this file: root/templates/ja_mason/less/style.less and updated with attached file.

In this new file, you can see the same change in approx line 164:

// Larger screen
@media screen and (min-width: 2200px) {
  &.menu-vertical {
    margin: 0 auto;

    #t3-header {
      left: auto;
      margin-left: -240px;
    }
  }
}

Sorry for the late reply, the fix sort of works, only problem is the template auto sizes itself and looses the virtical menu. Is there any way to lock the template to always have the virtical menu? I've tried turning off responsive and settings a width

macuiare
Hi,

We highly recommend you to enable the responsive settings as it will not look good in various screen size and devices.

Regards