-
Posts
-
How do I make the thick underline show on all of the pages in the section instead of just on the first one?
Hi,
You can add something like this on your custom.css or Quick CSS.
#header_main {
border-bottom-width: 5px;
border-bottom-style: solid;
border-color: red;
}Change the border color.
Regards,
Ismael
Actually I don’t mean the border that goes all across the bottom of the header, I meant the short rules that appear under the main menu navigation items when you hover, and remain on the first page, but not on any of the pages that are in that section. Here is a link to the page:
http://69.195.124.95/~threeced/curriculum-programs-overview/ click on the pages in the left nav and then look at the main nav in the header to see what I mean. I am using Simple Page Sidebars to make different sidebar menus for different sections. Maybe that is the problem?
Hi,
Make this page http://69.195.124.95/~threeced/curriculum-programs-early-childhood/ the parent page of
Early Childhood
Parent & Tot
Preschool
Kindergarten
Curriculum Overview Chart
Edit each page, look for Page Attributes > select this http://69.195.124.95/~threeced/curriculum-programs-early-childhood/ as their parent.
See if it works.
Regards,
Ismael
The parent page change didn’t do anything, unfortunately. I noticed it doesn’t work on the Efold Demo either, when you go to a sub-page, the rule doesn’t show on the current page when it’s not the top-level page.
Does anyone know how to change that behavior, so the rule shows under the main nav when one of it’s sub-pages is the current one? So for example, the rule would show under “Programs & Curriculum” when any of it’s pages listed in the sidebar menu are the current page.
Here’s the link to the site: http://69.195.124.95/~threeced/curriculum-programs-overview/
Hi,
Again, make the “Programs and Curriculum” the parent page of
Early Childhood
Parent & Tot
Preschool
Kindergarten
Curriculum Overview ChartThen add this on your custom.css or Quick CSS:
.header_color .main_menu ul:first-child > li.active-parent-item > a {
border-bottom: 5px solid red;
}On this screenshot, the “Blog” page is the parent page of “Blog Grid” page. You’ll see that the menu “Blog” renders a border below.
Regards,
Ismael
I’m sorry, but that isn’t working for me. I also don’t see the underline on the blog grid page when I view the Enfold demo, though I have tried it in several browsers.
When I make a page a child of another, the page title shows up in the sidebar above the photo. I wonder if the problem is because I am using the Simple Sidebars and Random Content plugins to make the different sidebars, in order to avoid having the same sidebar throughout my entire site.
Hi,
Yes, that might be the problem. As you can see on the screenshot, it works properly on my end. Create a test installation without your sidebar plugins then Import the dummy data. Add the css code above.
Regards,
Ismael
Hi jh100, Hi Ismael,
I kind of had the same issue and stumbled upon this thread. It was definitely not a parent > child relationship issue for me and I solved it by adding this to my quick CSS :
.header_color .main_menu ul:first-child > li.active-parent-item > a > .avia-menu-fx {opacity: 1;
visibility: visible;
}
.header_color .main_menu ul:first-child > li.active-parent-item > a > .avia-menu-fx > .avia-arrow-wrap {
display: block;
}
Don’t know if it’s he best solution but it works for me (not for blog posts though but I guess it’s because they’re not really children of the maine blog page). Hope it helps !
Fred
- The topic ‘Enfold Main Menu Underline on Sub Pages’ is closed to new replies.