Home/ Questions/Q 8419163
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-10T02:32:15+00:00

I posted the code into a jsfiddle: http://jsfiddle.net/kLNXa/ , basically i want the whole

  • 0

I posted the code into a jsfiddle: http://jsfiddle.net/kLNXa/, basically i want the whole menu to be a block ie if you expand level 1, i don’t want there to be a 15px gap to the left of level 2 with level 2 still remaining indented. (the white space filled in with red and the two black borders:
what is currently is:

what i want it to look like:

on my website however, instead of colours there is a dynamic background image ie:

so im not sure if classing the indent each time would work…

and the actual menu with the background image:
http://couch.betelnutmedia.com

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Try this fiddle

    I have just added this code to your css bottom

    // Added Code
    .accordion li{ padding-left:0px;} 
.accordion li a{padding-left:15px; display:block } 
.accordion li ul li a{padding-left:30px;background-position:15px 50% !important;} 
.accordion li ul li ul li a {padding-left: 45px; background-position:30px 50% !important;} 
.accordion li ul li ul li ul li a {padding-left: 60px; background-position:45px 50% !important;}

​

    but if you have dynamic/variable level then you should go for jQuery

    • 0