Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • June 13, 2016 at 1:50 am #647103
    tremblayly

    Hi

    I have created a series of 4 custom menus that link to my product categories. Some of the sub-level menu options do not get indented, some do. I can’t seem to figure our why? I have added these custom menus via a widget on the left column on my home page.

    My website is in development and can only be access with credentials (which I have included below).

    Can someone help me please?

    Thanks
    Lyse

    June 13, 2016 at 3:48 am #647114
    Vinay

    Hey tremblayly,

    When a catogery or a page is set as a child it shows up as a submenu. Please check the screenshot attached.

    Best regards,
    Vinay

    June 13, 2016 at 4:02 am #647125
    tremblayly

    Hi Vinay,

    Here’s a screenshot of one using a parent and yet it’s not idented
    https://www.dropbox.com/s/65okmfrassm6bf1/menu%20sub%20cat.jpg?dl=0

    Her’es a screenshot of how my categories look:
    https://www.dropbox.com/s/62w2na49313yhh8/cat%20sub%20cat.jpg?dl=0

    So they should display indented right?

    Thanks
    Lyse

    June 13, 2016 at 6:30 am #647187
    Vinay

    Hi,

    We added this code to the Quick CSS section under Enfold > General Styling :

    #top .widget_nav_menu ul .sub-menu li {
    padding-left: 10px!important;
}

    Please review the site and let us know if you have any questions.

    Best regards,
    Vinay

    June 13, 2016 at 6:36 am #647189
    tremblayly

    Hi Vinay,

    The indentation is working, but the lines/borders between some of the menu items also got indented in some places but not others.

    Thanks

    June 16, 2016 at 3:24 am #648928
    Ismael

    Hi,

    It’s because of the following css code:

    #top .content .flex_column .widget_nav_menu li a {
    padding: 0.2em 3px!important;
}

    Please remove it.

    Best regards,
    Ismael

    June 16, 2016 at 4:45 am #648966
    tremblayly

    Hi Ismael,

    When I removed that code, the padding between the menu items is way too large.

    Thanks
    Lyse

    June 18, 2016 at 4:56 am #650079
    Ismael

    Hi,

    Try to replace it with:

    #top .content .flex_column .widget_nav_menu li a {
    padding: 0.2em 0!important;
}

#top .widget_nav_menu ul .sub-menu li a {
    left: 10px;
    position: relative;
}

    Best regards,
    Ismael

    June 20, 2016 at 3:58 pm #650898
    tremblayly

    Hi Ismael,

    I was already using this code and it seems to override the second part code snippet.

    #top .widget_nav_menu ul ul .sub-menu li {
    padding-left: 5px!important;
    }

    I will not try to get the lines to adjust left as it seems to be inconsistent with itself.

    Thank you for all of your help and patience.

    Lyse

    June 22, 2016 at 5:12 am #651869
    Ismael

    Hi,

    I will not try to get the lines to adjust left as it seems to be inconsistent with itself.

    Why not? Did you try it? What do you mean by inconsistent?

    Best regards,
    Ismael

    June 22, 2016 at 2:19 pm #652088
    tremblayly

    Hi Ismael,

    I did try different ways to prevent the indentation that seems to occur when a third level menu item exists. (that’s the inconsistency). I can’t seem to find the right CSS code or element that would prevent the line indentation from occurring. It would indent all of the lines, not just the problem one.

    Thanks
    Lyse

    June 24, 2016 at 5:46 pm #653108
    Andy

    Hi,

    login credentials do not work anymore for me. Can you check please?
    Would you mind posting us a screenshot/mockup of what you would like to achieve? You can upload the screenshot to imgur.com or dropbox and share the link here :)

    Best regards,
    Andy

    June 24, 2016 at 7:49 pm #653161
    tremblayly

    Hi Andy,

    If you look at the MyHome page, what I’m looking for is maintaining consistency of the lines between menu items.

    1) Look at the first main category BEADING FINDINGS – all menu items and lines in between display perfectly and consistently (this maintain category only uses one level of sub-categories).

    2) Now look at the next main category OTHER FINDINGS just below. Notice that the first level sub-categories Glue on Bails and Pinch Bails both contain their own sub-categories – that’s when the lines get indented. If you now look at the next sub-category Solder on Bails – it does not have sub-categories so the lines don’t get indented, therefore displays correctly.

    I want all lines to remain full-width left to right no matter if there are sub-categories.

    I have reset the WP admin password only (included below).

    Thanks
    Lyse

    June 29, 2016 at 3:56 am #654559
    Ismael

    Hi,

    Could you please provide a screenshot of the issue after removing the following css code?

    #top .widget_nav_menu ul .sub-menu li {
    padding-left: 10px!important;
}

    Best regards,
    Ismael

    June 29, 2016 at 4:27 am #654570
    tremblayly

    Hi Ismael,

    All works perfectly!

    Here’s a screenshot after removing the CSS code that was added in the Enfold theme general styling.
    https://www.dropbox.com/s/48pe1m47w2ychth/left%20nav.jpg?dl=0

    Thank you so much for all of your troubles…
    Lyse

    June 29, 2016 at 9:35 am #654674
    Vinay

    Hi,

    Glad we could help! To know more about enfold features please check – http://kriesi.at/documentation/enfold/

    Thank you for using Enfold :)

    Best regards,
    Vinay

  • Author
    Posts
Viewing 16 posts - 1 through 16 (of 16 total)
  • The topic ‘Sub-menu levels not always displaying the same in sidebar navigation’ is closed to new replies.