2 Line Navigation for Foxy Theme
URL to the page in question:
www.deborahastern.com
-
Hi Bill,
I have a few pages that are going to 2 lines in the navigation menu. I don’t mind the 2 lines, but the space between the 2 lines could be tightened up a bit. Is there a way to do that?
Thanks!
Robyn
Hello Robyn,
You can adjust the line spacing in the navigation menu. Here’s how:
- Go to the Theme Options page and select the Styling tab.
- Scroll down to the Custom CSS box and paste this:
div#sidebar nav a,
div#sidebar nav a:visited {
line-height: 1.2;
padding-top: 10px;
padding-bottom: 10px;
}
- Update your settings.
- Check the spacing. If you need more increase the 1.2 in the snippet above a bit (say 1.3 or 1.4) and see how that looks. You can bring them closer together by decreasing it to 1.1 or 1 if you'd rather.
If you run into any questions or trouble, let me know.
Thanks,
Bill
Thanks Bill! That did the trick on the main menu pages. Unfortunately, it did not bring the 2 line on the subpage closer together. Design => Selection Assistance.
We are having a heat wave at 19 degrees! Stay warm!
Robyn
So true…we need this in the Custom CSS too for the sub-items:
div#sidebar nav li li a,
div#sidebar nav li li a:visited {
line-height: 1.2;
padding-top: 10px;
padding-bottom: 10px;
}
See if that won’t do the trick there.
We’re all grumbling down here with last weekend’s mid 70’s and sunny skies gone again. I can’t wait for spring.
Let me know if you need anything or that doesn’t quite work for you.
Thanks,
Bill
You’re the Man! Thanks a million!
Robyn
- The topic ‘2 Line Navigation for Foxy Theme’ is closed to new replies.