Results 1 to 3 of 3

Thread: Smoothmenu Submenu shifting to the right

  1. #1
    Join Date
    Aug 2010
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Smoothmenu Submenu shifting to the right

    1) Script Title:
    Smooth Navigational Menu (v1.4)
    2) Script URL (on DD):
    http://www.dynamicdrive.com/dynamici...smoothmenu.htm
    3) Describe problem:

    Here's what's happening. I've installed the menu without any problems. It works great. But on the sub menu's it jacks it to the right for each submenu. I took the shadow off- but it still is showing a blank white spot as it shifts between submenus.


    I tried removing the padding right as suggested in a previous post but it didn't work. Here's the code I used:

    Code:
    var ddsmoothmenu={
    
    //Specify full URL to down and right arrow images (23 is padding-right added to top level LIs with drop downs):
    arrowimages: {down:['downarrowclass', 'http://www.celebratesf.org/core/images/down.gif', 0], right:['rightarrowclass', 'http://www.celebratesf.org/core/images/right.gif']},
    transition: {overtime:300, outtime:300}, //duration of slide in/ out animation, in milliseconds
    shadow: {enable:true, offsetx:5, offsety:5}, //enable shadow?
    showhidedelay: {showdelay: 100, hidedelay: 200}, //set delay in milliseconds before sub menus appear and disappear, respectively
    but it still doesn't work.

    Here's a sample link:

    http://www.celebratesf.org/core/temp.html

    Thanks!

    John
    Last edited by Seedthrower; 08-30-2010 at 07:14 PM.

  2. #2
    Join Date
    Aug 2010
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Totally resolved it.

    Totally resolved it. I had unintentionally set my ui to move to the right 30px. that would explain why it was shifting.

  3. #3
    Join Date
    Oct 2009
    Posts
    845
    Thanks
    14
    Thanked 189 Times in 188 Posts

    Default

    in the primary.css line 73, try to change the margin-left to padding-left instead
    Code:
    li {
    padding-left:30px;
    }
    Edit: Ok sorry, I see you have it already.

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •