:after problem with AutoNav
Permalink
Hi!
I got a problem with that auto nav... The nav should be text-align:justify. I tried it with that :after thing:
.menu ul::after{
content: "";
width: 100%;
display: inline-block;
}
works fine when the nav is hardcoded in the theme... if I exchange it with an GlobalArea and AutoNav Block and it generates EXACTLY the same markup then my hardcoded nav, it does not align correct....
Plz have a look: regio-kreuzlingen.wemako.ch
Ty!
I got a problem with that auto nav... The nav should be text-align:justify. I tried it with that :after thing:
.menu ul::after{
content: "";
width: 100%;
display: inline-block;
}
works fine when the nav is hardcoded in the theme... if I exchange it with an GlobalArea and AutoNav Block and it generates EXACTLY the same markup then my hardcoded nav, it does not align correct....
Plz have a look: regio-kreuzlingen.wemako.ch
Ty!
Does not work. I updated it with   and regular whitespaces. Now there are whitespaces but not justified :(
You removed the last <li> you had before with the 100% width. Put that back or use the :after trick you mentioned before, which isn't here now and wasn't there before...
You´re the man. I´m so dumb :D Thank you!
try this link ...http://getbootstrap.com/components/#nav-justified...
I don´t want to use bootstrap. THX
Text justification spreads out the spaces, so since your markup has none, it has nothing to space out.
Here is how the markup currently is (I hope this doesn't get formatted badly):
Notice the </li><li> are up against each other. They should be </li> <li> with a space between, or on a new line.