Removing the bullet points in the menu

  • Resolved mongieofwales

    (@mongieofwales)


    10 years, 8 months ago

    Hello,

    I’d like to remove the menu bullet points – which I’ve already managed. But now the menu entries without the bullet points stay still indented at their place and do not move to the left and the former place of the bullet point. Is there a way to remove the left indent in a way, that the main menu entries are aligned, but the subentries stay intended?

    Regards,
    Mongie

Viewing 4 replies - 1 through 4 (of 4 total)

  • Try setting padding and margin of the li element to 0. However, I might be of more help if you posted a link to your page.

    Thread Starter mongieofwales

    (@mongieofwales)

    Hi,

    I managed it in the meanwhile through the following modifications:

    .widget ul {
	margin-left: 0em;
}

.widget ul li:before {
	content:none;
}

    Thanks for the hint, Antonietta.

    That’s great!

    Thread Starter mongieofwales

    (@mongieofwales)

    I forgot one thing – use this code, to maintain the menu subentries intended (here 0.8em).

    .widget ul {
	margin-left: 0em;
}

.widget ul li li:last-child {
	padding-left: 0.8em;
}

.widget ul li:before {
	content:none;
}
Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Removing the bullet points in the menu’ is closed to new replies.