Questions after installed

lebkao

Hello,
I am new to JA templates and just installed JA Company to my local computer. I was trying to follow the instruction to build my header section on this page
https://www.joomlart.com/documentation/joomla-templates/ja-company

I have a test text in the topbar-left and topbar-right position.

When I tested it on Firefox in a small screen, the content on topbar-left was disappear. I looked at the responsive layout for small and extra small, I saw both positions.

Questions
1. Why the topbar-left disappear on the small view?
2. I want to have top-bar left and top-bar right full width and stack on top of each other in a small view. How can I accomplish that?
Thank you.

teitbite

lebkao Hi. Please tell me the url to Your site. I'll check. It may not be showing correctly due to the content of this module.

lebkao

Hi,
I do not have a live site. It is on my computer.

I use the content from your demo site.

Attached are screenshort for the desktop and mobile view using Firefox Responsive Design mode.
Thanks

pavit

Hi lebkao

Edit this file /templates/ja_company/tpls/blocks/topbar.php and find

<div class="topbar-left hidden-xs col-sm-6" >

Remove the hidden-xs to have it like below

<div class="topbar-left col-sm-6" >

1) Answered
2) Change the col-sm-value for topbar-right and left to sm-12

<div class="topbar-left col-sm-12" >

<div class="topbar-right pull-right col-xs-12 col-sm-12">

Regards

lebkao

Pavit,

It worked.

Will the topbar.php that I just made changes get overwritten when I update JA Company in the future?

I am moving on to menu and off-canvas module and have one more question and one bug report, please.

I have primary menu that assign to mainnav module position. This menu has 3 levels and in the mainnav position is set Start Level = 1 and End Level = All.

When I viewed on mobile view, the menu on the mainnav position turned to be the hamburger menu. When I clicked to expand, I saw the first level menu. When I tried to click on the first level menu to expand to the second and third level, it did not expand as I expected to see. Is this usual behavior of this template?

I have another menu module that link to the primary menu and assign to off-canvas module position. If I select off-canvas effect to Push, Slide along, Slide in on top, it won't stay. It slide in and slide out. If I select Fall down, it stays. This is not a big issue to me because I can choose another effect that works.

Thanks for your help.

saguaros

lebkao
You can create a new folder called local and copy that topbar.php file:

/templates/ja_company/tpls/blocks/topbar.php

to the new folder:

/templates/ja_company/local/tpls/blocks/topbar.php

the override file in this local folder will not be overridden when you update new version of template.

lebkao

Thanks Saguaros.

How can I make the hamburger menu expand to the second and third level on mobile view?

Currently, When I click "User Facilities", it does not expand/toggle and does not go to that page.

Please advise.

Thanks

lebkao

After playing with the template for a while, I just realize the reason the collapse menu on mobile view did not expand when I click because in the template I set Dropdown Trigger to Hover. When I change to Click, it works.

Thank you.

saguaros

lebkao

Glad to hear it works now!