Page 1 of 1

Easy CSS Menu 4 - small --> big menu (preview)

PostPosted: Sun Dec 28, 2014 7:13 am
by earthcomedy
Hello

running ecm 4 and having an issue. I have the menu layed out, but when I go to preview the menu increases in size during the preview. I've checked browser zoom level it is set at 100% so it should look the same as how the menu looks in ECM4. Any thoughts?

Re: Easy CSS Menu 4 - small --> big menu (preview)

PostPosted: Mon Dec 29, 2014 11:02 am
by Aivars
Can you make and send us a video to demonstrate this? In theory this shouldn't happen as EBMM uses browser internally to display the menu, so the menu should look the same.

Re: Easy CSS Menu 4 - small --> big menu (preview)

PostPosted: Sun Jan 11, 2015 6:37 am
by earthcomedy
Image

Image

sorry for the delayed response. Not sure how to make a video yet...but here are the images.

Again, zoom level of browser is at 100%. If you right click on the bottom image and VIEW IMAGE...you will see the browser level at 100%, it's cut off in the post.

Thanks

Re: Easy CSS Menu 4 - small --> big menu (preview)

PostPosted: Mon Jan 12, 2015 4:18 pm
by Aivars
Do you happen to have custom DPI set in your Windows settings (Control Panel\Appearance and Personalization\Display) i.e. enlarged text?

Re: Easy CSS Menu 4 - small --> big menu (preview)

PostPosted: Mon Jan 12, 2015 8:07 pm
by earthcomedy
Checking my CP - Display

Yes, I do have it set to medium.

Image

Is this what you are talking about?

Re: Easy CSS Menu 4 - small --> big menu (preview)

PostPosted: Tue Jan 13, 2015 4:07 pm
by Aivars
Yes, apparently Chrome zooms in when you set it to 125%. I'll add this to issues list and we'll decide what to do about it if anything. I'm not sure zooming in is the right choice as all widths are specified in pixels and if you have button width set to e.g. 100px then it's actually displayed at 125px when zoomed in due to 125%, which could be deceiving. As it is now, EBMM displays everything at the pixel-perfect size.
This suggests that it's a Chrome bug https://code.google.com/p/chromium/issu ... ?id=395425 although they might have made it purposely that way.

Re: Easy CSS Menu 4 - small --> big menu (preview)

PostPosted: Wed Jan 14, 2015 8:34 am
by earthcomedy
I was viewing it in Firefox not Chrome.

Re: Easy CSS Menu 4 - small --> big menu (preview)

PostPosted: Wed Jan 14, 2015 2:06 pm
by Aivars
Still, it's all the same. The browsers increase everything by 125% on your computer while EBMM displays the pixel-perfect size. If EBMM also zooms in then pixel-perfectness is lost which might be a bad thing so we need to consider this carefully before changing anything.

Re: Easy CSS Menu 4 - small --> big menu (preview)

PostPosted: Fri Jan 30, 2015 11:35 pm
by earthcomedy
Doing some more investigation on this....here is what I found....I didn't quite understand your answer in relation to the problem....I thought I did, but now I don't.

Display set to 100% zoom level - "Small"

Menu bar shows at 814 pixels wide - look ok in Easy CSS and Preview

Image

Image




Here is again with 125% zoom level - Medium (Default)

Menu bar shows at 908 pixels wide - different as you can see. Wouldn't it be the same?

Image

Image

So at 100% zoom the preview (And resulting menu bar) works fine, but at 125% is doesn't.

I don't recall having this problem in Easy CSS Menu 3 I think...because I have the menu working on a live site right now and my zoom level has always been at 125%.

Re: Easy CSS Menu 4 - small --> big menu (preview)

PostPosted: Mon Feb 02, 2015 7:30 pm
by Aivars
You're right, it should be 814px wide in both screenshots. I'm not entirely sure what's going on, I'll pass this to the team for investigation.

Re: Easy CSS Menu 4 - small --> big menu (preview)

PostPosted: Mon Feb 02, 2015 9:25 pm
by earthcomedy
Thanks, I think this occurred in EBMM4 as well....but I'll need to test it. Will advise.

Update: - Yes it does at 125%,I didn't try it at 100% because I dont want to reboot my system at this time. I would assume you use the same code base?

Re: Easy CSS Menu 4 - small --> big menu (preview)

PostPosted: Tue Feb 10, 2015 7:16 pm
by earthcomedy
any more updates on this? Have you been able to reproduce and fix the problem yet? ETA?

I want to fix the touchscreen (hybrid laptop) / chrome bug, but I can't update the menu until this sizing thing is fixed...thanks.

Re: Easy CSS Menu 4 - small --> big menu (preview)

PostPosted: Thu Feb 12, 2015 1:23 pm
by Aivars
You can set 100% zoom, export the menu and then return to 125%. This problem is in the queue and most likely there will be a bigger update that fixes several issues not only this one, I just don't know when.