View Full Version : Remove Arrows.

09-11-2013, 10:52 PM
1) Script Title: ddsmoothmenu

2) Script URL (on DD):

3) Describe problem: I want to completely remove the worn and right arrows form smooth menu. I saw some VERY old posts about this but the updated .js file had been removed (possibly because it is so old the file was for a previous version of the script). Anyway can someone please tell me hwo to get rid of the arrows completely? Thanks!

09-11-2013, 11:50 PM
In the future:

Warning: Please include a link to the DD script(s) in question in your post. See this post (http://www.dynamicdrive.com/forums/showpost.php?p=7) for more information.

I'm a major contributor to that script, so I don't really need a link to it on DD, but - as the notice says, in the future please provide a link back to the script's demo page on DD, it saves us time finding it (and sometimes even really knowing which script you mean), making it easier for us to help you.

So, if you mean this script:


Using a text only editor like NotePad, find this code near the top of the ddsmoothmenu.js file (almost right after all of the many opening comments):

. . . 3rd, 2013 move CSS3 shadow adjustment for IE 9+ to the script, add resize event for all browsers to reposition open toggle
//** menus and shadows in window if they would have gone to a different position at the new window dimensions
//** Feb 25th, 2013 (v2.0) All unofficial updates by John merged into official and now called v2.0. Changed "method" option's default value to "hover"
//** May 14th, 2013 (v2.1) Adds class 'repositioned' to menus moved due to being too close to the browser's right edge
//** May 30th, 2013 (v2.1) Change from version sniffing to means testing for jQuery versions which require added code for click toggle event handling

var ddsmoothmenu = {

///////////////////////// Global Configuration Options: /////////////////////////

//Specify full URL to down and right arrow images (23 is padding-right for top level LIs with drop downs, 6 is for vertical top level items with fly outs):
arrowimages: {down:['downarrowclass', 'down.gif', 0], right:['rightarrowclass', 'right.gif', 0]},
transition: {overtime:300, outtime:300}, //duration of slide in/ out animation, in milliseconds
shadow: true, //enable shadow? (offsets now set in d . . .

In the highlighted line, make the changes to 0 as shown in red to the two values there. Save and use that version. Now, also add this to the head of the page:

<style type="text/css">
.downarrowclass, .rightarrowclass {
background-image: none !important;
width: 0 !important;
height: 0 !important;

Or add its rules to an existing stylesheet for the page.

That's it!

The browser cache may need to be cleared and/or the page refreshed to see changes.

If you want more help, please include a link to the page on your site that contains the problematic code so we can check it out.