Phoca Fashion Top Drop Down - submenu Menu Problem

[Adek_go]

Hello all, I'm new in Joomla, but ut I'm so excited this CMS.

Have a question. I'm download Phoca Fashion Template and I would like make tope menu like this:

Home
About Me
My hobby:
|-------hobby1
|-------hobby2
Contacts

"hobby 1" and "hobby 2" are under "My hobby", and I would like when I move mouse or click on "My hobby" I can see this two option in top menu ad choose one. Now I just see this two option for only one second and can't choose them. Am I do something wrong in joomla or phoca fashion block this submenu?

Please any advice.

Thank You. Regards. Paul.

[christine]

Hi Paul,

to know the reason for, it will be useful to see your URL in live.

Kind regards
Christine

[Adek_go]

Thenks for quck reply.

I have website at my home serwer. I try during weekend move to any hosting. and give You a link

But I check and this problem with this drop down menu just happen with screen monitor smaller than 14''. I have 17'' screen and all its ok, but on my son 14'' menu don't move down. same on mobile. I can see only top menu, but without dropdown.

[Adek_go]

Hi its link for website on free hosting:
polaniecoc.cba.pl

SDrop down menu working only on 17 inch screen, on mobile or tablet ar small aptop not working.
Thank You for any solution.

[christine]

Hi Paul,

sorry, I'm able to see both. Even when I check with: Strg+Shift+M (mobile version).

You could try e.g. to increase the line-height

Code: Select all

.navbar-nav .open .dropdown-menu > li > a {
line-height: 20px;
padding-top: -20px;
margin-bottom: -30px;
overflow: hidden;
}

or to change paddings:

Code: Select all

.navbar-nav > li > a {
padding: 7px;
padding-top: 7px;
padding-bottom: 7px;
padding-bottom: 25px;
padding-top: 25px;
}

to put (copy) above codes to your template.css to find out, when changing some parameters, if it would help.

Kind regards
Christine

[Benno]

Hi,

11,3" Notebook Screen, 1366x768px

Kind regards,
Benno

[Adek_go]

Thank You for all posts. Still not working.

I made some screen and check where working and whero no: http://polaniecoc.cba.pl/index.php/screen

Toshiba 17'':
Microsoft Edge - Working
Firefox- Working
Opera - Working
Chrome - Working

Asus 13''
Microsoft Edge - Working
Chrome -Not Working
Firefox - Not Working
Opera - Not Working

Mobile Phone Huawei P9
Firefox - Not Working
Chrome - Not Working

_ _ SE
Safarin- Not Working

Also check both solution from christine, and both not working for me, just first code on Microsoft Edge had smaller gap between line Hobby1 and Hobby2.

Also check tepmalte Phoca Cart and its same problem but template phoca rhein working fine, add on website.

Thank You

[Jan]

Hi, Phoca Rhein does not use the same drowpdown like Phoca Fashion. Phoca Fashion uses standard Bootstrap dropdown.

Jan

[Adek_go]

Hi all again. Find some information in network.

Problem is when device have touch screen than bootstarp check this and switch of dropdown menu.
I check on Asus 13'' I have touch screen and Firefox, Opera, Chrome not working on this , but Microsoft Edge working.

Thats strange because I can't go to menu Hobby1 or Hobby2 and read information , only to Hobby on this PC and same on tablets.

Question is:
How can I switch off this script or what can I change inside .js ?

Please help

[Jan]

Hi, I think, the bootstrap javascript needs to be customized (you can customize it on bootstrap website and download it and replace the one in Joomla! or in other place when loaded on the site - e.g. in template)

See templates/phoca_fashion/bootstrap/js

First try to disable all additional libraries: dropdown-mootools.js, topmenu.js, twitter-bootstrap-hover-dropdown.min.js

Jan