2nd option in menu misaligned
  • Hi.

    When I create my navigation menu, and add my menu items. If the first menu item is more than one level deep then the 2nd option will always align to the very left but anything after will align correctly.

    Eg.


    - aligns correctly
    - aligns INCORRECTLY TO THE LEFT
    - aligns correctly

    - aligns correctly
    - aligns correctly
    - aligns correctly
  • Sorry that I will do the example again

    Navigation Menu:
    Home icon
    Item 1
    Sub item 1 - aligns correctly
    Sub item 2 - aligns INCORRECTLY TO THE LEFT
    Sub item 3 - aligns correctly
    Sub-Sub item 1 - aligns correctly
    Sub-Sub item 2 - aligns INCORRECTLY TO THE LEFT
    Sub-Sub item 3 - aligns correctly
    Item 2
    Sub item 1 - aligns correctly
    Sub item 2 - aligns correctly
    Sub item 3 - aligns correctly
    Sub item 4 - aligns correctly
    Sub item 5 - aligns correctly
  • mikemike
    July 2012
    Can you post a link or screen-shot of your problem. I don't quite understand.
  • That would make it easier wouldn't it haha.

    http://www.notoneniche.com/

    I have structured two menus side-by-side. If you look at the first one and then compare it to the second one you will see what I mean.
  • mikemike
    July 2012
    I see, I'll take a look tomorrow morning on my test server and post a fix. Note: It's off because of the homepage icon on the left (We manually are positioning the second menu item).
  • mikemike
    July 2012
    I went ahead and sorted it out tonight :-). Just some minor overlooked css. You can add this to your Options Panel > Tools > Custom CSS for the easiest solution. Or you can add it to your style.css file under the 10. Navigation section.


    .sf-menu li:nth-child(2) ul { left:6px;}
    .sf-menu li:nth-child(2) a {padding-left:25px;}
    .sf-menu li:nth-child(2) li a {padding-left:15px !important; }
    nav .sf-menu ul li:nth-child(2) a {padding-left:10px;}


    An update to the files will be uploaded tomorrow that includes the css in the style.css file.

    Cross-browser tested here:
    http://themichaelgarcia.com/galleria/
  • mikemike
    July 2012
    The file has been updated already on ThemeForest. You can also pull the style.css file from ThemeForest now if you prefer that method.
  • Perfect. Thanks for the quick support.