Tagged: child pages
Hi,
The widget sidebar menu styling disappears on 2nd child pages. Is there a way to include CSS regardless of child position?
This is what my CSS looks like at the moment:
.main_color .widget_nav_menu ul:first-child>.current_page_item, .main_color .widget_nav_menu ul:first-child>.current-menu-ancestor
{
background: #013d7c14;
border-bottom-style: solid!important;
border-bottom-width: 1px!important;
border-color: #013d7c!important;
}
**Please see links to the staging environment with examples**
Hey StainedDesign,
Sorry for the late reply and thanks for the link. For your pages like “/sales/point-of-sale-pos/” where the widget nav styling is missing, please add this css code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:
#top.page-child:not(.page-parent) .main_color .widget_nav_menu ul > .current_page_ancestor {
padding-right: 50px !important;
padding-left: 0 !important;
left: auto;
top: 1px;
background: #013d7c14 !important;
border-bottom-style: solid !important;
border-bottom-width: 1px !important;
border-color: #013d7c !important;
}
#top.page-child:not(.page-parent) .sidebar_left .inner_sidebar {
margin-right: 0 !important;
}
#top.page-child:not(.page-parent) .main_color .widget_nav_menu ul:not(.children) > .page_item:not(.current_page_parent) {
padding-right: 50px !important;
}
After applying the css, Please clear your browser cache and check.
Best regards,
Mike
Hi Mike,
Thanks for the response and great support – the CSS did the trick.
Much appreciated.
Ciao,
Hi StainedDesign,
Glad we could help :)
If you need further assistance please let us know.
Best regards,
Victoria