Hello there! Welcome to Youjoomla Support Forums

We are Web Development Company specializing in Joomla Templates , Joomla Extensions and WordPress Themes development . You are not able to see some forum threads due to your memberhip level. To unlock all forums and special customer support please take few moments to signup . If you are just searching for free joomla templates , or free joomla extension support simply head to our Free Joomla Support forums and open a new thread. Our moderators will help you as soon as possible. To spead up the response time please take few seconds and go over forum rules

Have fun!

problem with chrome and ie

12-14-2014, 04:41 PM
# 1 (permalink)
davicod
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
12-15-2014, 08:09 AM
# 2 (permalink)
arefund
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.
Kindness costs the least, but is worth the most!
12-15-2014, 12:04 PM
# 3 (permalink)
davicod
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.
12-16-2014, 06:43 AM
# 4 (permalink)
arefund
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.
Kindness costs the least, but is worth the most!
Thread Tools
Display Modes

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

Members Login

Username
Password