Menu Dividersmenu dividers
Posted 09 May 2013 - 03:54 PM
I am migrating a static site to a Wordpress site running on pagelines framework and am having difficulty replication the menu dividers used in the old site which is a forward slash " / "
Here is the new Pagelines site:
As you can see there seems to be a line break occurring. I tried using a height attribute on the li but that didn't seem to work. Removing the li:after style above displays the menu at the correct height, but obviously with no menu dividers.
I'm using a child theme and I notice the main Pagelines theme has the following style declared:
I tried altering that in my child theme (by stating line-height: 10px for example, and even 0px). While it did reduce the overall height of the menu, it did not move the "/" up inline with the menu items.
Wordpress version 3.5.1
Pagelines Framework: 2.4.1
Can someone point me in the right direction?
Posted 09 May 2013 - 04:20 PM
Catrina, sorry, I copied and pasted from the wrong style.css file (same issue though!) so I updated my original post above.
Posted 09 May 2013 - 09:09 PM Best Answer
Hi there, try adding the :after and content command to the li>a element. Like
That seems to fix -
- mgwaters likes this
Posted 10 May 2013 - 12:34 AM
That did indeed work thank you. Now I just need to suppress the last hash symbol after contact if possible. I tried
but that didn't work. Also I know specifying the page item isn't ideal since the last menu items could possibly change at some point.
I also tried something long the lines of this:
but that removed the divider on ALL the menu items.
Posted 10 May 2013 - 01:01 AM
To format the css on the menu item make sure that's first in the css
This should make it work based on the last child item.