Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • October 8, 2014 at 6:11 pm #332602
    musklick

    Hi, I can’t find the CSS to adjust the indent on the fourth level of the sidebar menu, so it’s hard to tell that there is another sublevel under level three. Since they are indented the same.

    Hope you can help, thanks
    /Michael

    October 8, 2014 at 6:25 pm #332606
    Yigit

    Hey musklick!

    Can you post the link to your website where we can see an example please?

    Regards,
    Yigit

    October 8, 2014 at 7:05 pm #332628
    musklick
    This reply has been marked as private.
    October 8, 2014 at 7:09 pm #332631
    Yigit

    Hey!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    #top .widget_nav_menu ul ul .children { text-indent: 20px; }

    Cheers!
    Yigit

    October 8, 2014 at 9:24 pm #332722
    musklick

    Hey Yigit! Thanks for your reply, but that didn’t do it. Maybe I wasn’t clear, but I want sublevel 4 to have a different indent like sublevel 1, 2 and 3 does. Each level is distinguished by a little more indent for each level. Now level 3 and 4 still have the same indent but with each first line extra indented. For instance: “Arbetsinstruktioner Design Colour” is level 3 and “Allmänt arbete” is level 4.
    Example sidebar menu sub levels

    /Michael

    October 9, 2014 at 6:34 am #332958
    Ismael

    Hi!

    Please use this:

    #top .nested_nav ul .children {
padding-left: 10px;
}

#top .nested_nav ul ul .children {
padding-left: 20px;
}

    Cheers!
    Ismael

    October 9, 2014 at 11:57 am #333130
    musklick

    Hi Ismael, I didn’t get that to work either. Maybe because I’ve fiddled around with the indent manually earlier. I tried this though and it works, at least on a laptop. Do you think this is the wrong way of doing it or will it work?

    #top .widget_nav_menu ul ul ul ul li a {
    padding: 6px 0px 7px 70px;
    }

    Thanks
    /Michael

    October 9, 2014 at 11:43 pm #333490
    Yigit

    Hey!

    That is fine too, you used padding instead of text indent but since you are targetting 4th child, it should not affect any other elements. I am closing this thread for now. If you have any other questions or issues, feel free to start a new one :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Adjust indent on side bar menu level’ is closed to new replies.