Knowledge Base support case for AllWebMenus, abstracted and stripped of all user’s private info.
Initial Email From: Peter
Initial Email Subject: Mega Menu
Support Case Month: November 2012
Hi,
When a visitor to our site has a lower resolution or is "zoomed in", the mega menu shows scroll bars. Is there a way to have no scroll bars regardless of resolution?
Many thanks,
Peter
Related URL: http://www.mainelyurns.com
Reply From: Likno Customer Support
Dear Peter,
The scrollbars only appear if your submenu is so big that it will not fit the page.
If you do not have scrollbars then you will miss some part of the submenu! Is this what you really want?
If so, then I believe you can achieve this by adding “overflow: hidden;” to the “style” of the parent <div> of each submenu.
Best Regards,
Kostas
Likno Customer Support
www.likno.com
Create any type of javascript menu (CSS menu, drop-down menu, sliding menu), button, html tree, modal window, tooltip, accordion, tab, scroller, jQuery slider or design for your websites!
Like us on Facebook – Follow us on Twitter
Tags: css menu, div, drop-down menu, javascript menu, jquery, mega menu, Menu, overflow, resolution, scrollbar, sliding menu, style+, submenu, website
Hello! We have released a new version of Likno Web Scroller (jQuery Slider) Builder: Version 1.0 build #124.
Check out What's New
- Added Example 10 (Google Analytics mockup): Similar scroller to the live scroller used on Google Analytics (as of Oct 9, 2012). Use of a "Bullets" only Navigation Bar. Use of "Navigation Arrows". Use of *Play on Page Load* (automatic play). Use of "Pause when mouse is over the Scroller".
- Added Example 11 (WordPress mockup): Similar scroller to the live scroller used on WordPress (as of Oct 15, 2012). Use of character-based (HTML) "Navigation Arrows". Use of *Play on Page Load* (automatic play). Use of "Pause when mouse is over the Scroller". Use of "Slide" effect.
- Added the Fade "blending" options.
- Added the "Rewind" option when the "Transition" is of the "Continuous" type.
- Added a Vertical Offset (or Horizontal for vertical scrollers) to the Navigation Arrows.
- Updated all Examples that were using CSS-based vertical arrow offsets to use the new property instead.
- Fixed an issue where the style was changing when using the item Link property.
- Fixed an issue where IE produced a horizontal scrollbar if the parent of the positioning item had a fixed width & height AND 'float: left;'.
- Fixed an issue where items with links had a border in IE.
All features here: http://www.likno.com/jquery-scroller/index.php
Download the new version of our web scroller (jquery slider) builder at http://www.likno.com/jquery-scroller/download.php
Tags: Analytics, border, bullets, CSS, download, effect, example, fade, float, google, height, horizontal, html, IE, image, jquery slider, link, mockup, mouse, navigation arrow, navigation bar, offset, page, page load, pause, play, positioning, rewind, scrollbar, scroller, slide, slider, space, transition, version, vertical, vertical scroller, web scroller, width, worrdpress
Knowledge Base support case for Likno Web Modal Windows Builder, abstracted and stripped of all user’s private info.
Initial Email From: Valeria
Initial Email Subject: scroll bars in modal window
Support Case Month: October 2012
I have put overflow:hidden; in the body css and it works beautifully in firefox. The problem is safari, chrome and IE, there are scroll bars in all of those. In IE8 it put additional white around the outside.
How do I fix this?
www.dpvisions.com/print_media.html click on anyone of the images under “the Portfolio”
Thanks,
Valeria
Reply From: Likno Customer Support
Dear Valeria,
I noticed that you are loading an external page. In this case it is possible that the scrollbars are not from the modal itself, but from the inner iframe instead.
To fix this you need to make sure that your page fits in the modal window. You could do this by explicitly adding “padding: 0px; margin: 0px;” for the <body> and parent <div> in your external page.
Regards,
Kostas
Likno Customer Support
www.likno.com
Create any type of javascript menu (CSS menu, drop-down menu, sliding menu), button, html tree, modal window, tooltip, accordion, tab, scroller, jQuery slider or design for your websites!
Like us on Facebook – Follow us on Twitter
Tags: body, CSS, external page, FireFox, IE, IE8, iframe, jquery, margin, modal, modal window, overflow, padding, Safari, scroll bar, scrollbar, website, window
Knowledge Base support case for Likno Web Modal Windows Builder, abstracted and stripped of all user’s private info.
Initial Email From: Bill
Initial Email Subject: Need help in ToolTip!
Support Case Month: September 2012
Here are the results for http://www.foxmls.com
Tool Tip AllWebMenu
Google Works Works
IE Under video Opens off center
Firefox Jumps Works
Opera Works Works
In addition if I add a Tooltip to the video, then a scroll bar is entered on the right because it wants to put the tooltip below the video.
Reply From: Likno Customer Support
Dear Bill,
I checked your page, and the problem is that you have the “wmode=transparent” parameter in the wrong place in the video.
Please try changing this:
<object width="640" height="360">
<param name="movie" value=
"http://www.youtube.com/v/_li-L8k3elw?version=3&hl=en_US&rel=0">
</param>
<param name="allowFullScreen" value="true">
</param>
<param name="allowscriptaccess" value="always">
</param><embed src="http://www.youtube.com/v/_li-L8k3elw?
version=3&wmode=transparent&hl=en_US&rel=0"
type="application/x-shockwave-flash" width="640" height="360"
allowscriptaccess="always" allowfullscreen="false"></embed>
</object>
Into this:
<object width="640" height="360">
<param name="movie" value=
"http://www.youtube.com/v/_li-L8k3elw?version=3&hl=en_US&rel=0">
</param>
<param name="allowFullScreen" value="true">
</param>
<param name="allowscriptaccess" value="always">
</param>
<embed src="http://www.youtube.com/v/_li-L8k3elw?
version=3&wmode=transparent"
type="application/x-shockwave-flash" width="640" height="360"
allowscriptaccess="always" allowfullscreen="false"></embed>
</object>
It seems to work in all browsers I tried.
Regards,
Kostas
Likno Customer Support
www.likno.com
Powerful javascript menus (CSS menus/drop-down menus/sliding menus), web trees, buttons, tabs, modals, tooltips, accordions, scrollers, designs for your websites!
Reply From: Bill
That worked.
Bill
Tags: browsers, FireFox, google, IE, jquery, modal, modal window, Opera, scroll bar, scrollbar, tooltip, video, website, window
Knowledge Base support case for AllWebMenus, abstracted and stripped of all user’s private info.
Initial Email From: René
Initial Email Subject: Anchor #top and Google Chrome
Support Case Month: September 2012
The anchor #top doesn’t work with Google Chrome…
Like to hear from you.
Thanks!
René
Reply From: Likno Customer Support
Dear René,
I just double-checked this and it seems to work fine in my tests. Can you send me a URL where this does not work?
Regards,
Kostas
Likno Customer Support
www.likno.com
Create any type of javascript menu (CSS menu, drop-down menu, sliding menu), button, html tree, modal window, tooltip, accordion, tab, scroller, jQuery slider or design for your websites!
Like us on Facebook – Follow us on Twitter
Reply From: René
Dear Kostas,
The URL is www.koelemanconsultancy.nl
When you scroll down on a page and then click on a menu item it doesn’t go to the top of the page.
René
Reply From: Likno Customer Support
Dear René,
This is not a problem of Chrome! The same happens in all non-IE browsers and it also happens in IE but not always.
You are loading the page inside an iframe. The page inside the iframe does load on “top” although the iframe does not have a scrollbar so you cannot really see any difference.
What you really want is two separate things:
1) Load a page in the iframe
2) Scroll the parent page to the top
In order to achieve this, you can remove the “#top” from your links and add “window.scroll(0,0);” in the JavaScript command of every menu item:
Regards,
Kostas
Likno Customer Support
www.likno.com
Create any type of javascript menu (CSS menu, drop-down menu, sliding menu), button, html tree, modal window, tooltip, accordion, tab, scroller, jQuery slider or design for your websites!
Like us on Facebook – Follow us on Twitter
Reply From: René
Works!
Thanks,
René
Tags: anchor, browsers, chrome, css menu, drop-down menu, google chrome, IE, iframe, JavaScript, javascript menu, jquery, links, load, Menu, menu item, scroll, scrollbar, sliding menu, top, URL, website
