Youjoomla Support Forums (http://www.youjoomla.com/joomla_support/index.php)
-   YJ Vertical Menu (http://www.youjoomla.com/joomla_support/forumdisplay.php?f=258)
-   -   problem with chrome and ie (http://www.youjoomla.com/joomla_support/showthread.php?t=13402)

davicod 12-14-2014 04:41 PM

problem with chrome and ie
 
I ve noticed a problem with the positioning of the submenus of the vertical menu. I have taken some screenshots of the problem
Firefox
http://i59.tinypic.com/2uzz71j.jpg
Chrome
http://i60.tinypic.com/1191mc2.jpg
ie11
http://i61.tinypic.com/hu5cpd.jpg
I checked the rendered html and in firefox and ie it says
<ul style="left: 152px; top: 0px; display: none;" class="yj-vertical-menu-group yj-vertical-menu-vertical">
but in chrome it is
<ul class="yj-vertical-menu-group yj-vertical-menu-vertical" style="left: 0px; top: 0px; display: none;">
I found a way to solve this problem in chrome using a @media screen and (-webkit-min-device-pixel-ratio:0) media query but i guess this is not the proper way to deal with this.
I m not sure if this is a bug or some kind of confict with some other script. I
m just reporting it here.
If somebody has a better solution for this problem please let me know.
Thanks in advance

Are you sure your are posting in product assigned forum?: Yes

What is your CMS version?: Joomla 3.x

MySQL Version: 5.x

PHP version: 5.x

Link to installation: systimiki.gr

Have you edited any files? If yes tell us which ones.: No

Is this personal or client website?: Client

arefund 12-15-2014 08:09 AM

Hello davicod.

I just tested your vertical menu and i can't see issues, all browsers are showing the menu correctly.

Chrome:
http://prntscr.com/5h222l

Firefox:
http://prntscr.com/5h220j

IE:
http://prntscr.com/5h21ya

Thank you.

davicod 12-15-2014 12:04 PM

That's because i found a sideway to solve this through css.
If you use firebug on chrome and you disable the following rule you will be able to see the problem
@media screen and (-webkit-min-device-pixel-ratio: 0)
ul.yj-vertical-menu li.yj-vertical-menu-item ul {
left: 152px!important;
top: -38px!important;
}
also you will see that the html on chrome has different inline styling than the html on firefox.
The css solution can hide this problem in this case because it is a fixed width website but probably there must be a more proper solution.
Thanks for your time.

arefund 12-16-2014 06:43 AM

I checked also our live demo for vertical menu and same no issues.
Chrome:
http://prntscr.com/5hf01y

Firefox:
http://prntscr.com/5hf056

IE:
http://prntscr.com/5hf090

So it must be something that you added in, some 3th part extensions that is crashing the vertical menu js.

Thank you.


All times are GMT -4. The time now is 09:46 AM.

Powered by vBulletin®
Copyright ©2000 - 2017, Jelsoft Enterprises Ltd.