-
AuthorPosts
-
May 4, 2023 at 5:59 pm #1406474
does not format sidebar at second level or below.
Here is the css I am using
.sidebar .widget_nav_menu ul:first-child > .current-menu-item, .sidebar .widget_nav_menu ul:first-child > .current_page_item, .sidebar .widget_nav_menu ul:first-child > .current-menu-ancestor {
background:#EDF0F4;
border-left: 5px solid #1D4776;
}It make the children under the active page look obvious under it in the sidebar. Can I make it work for all pages and their children?
Thanks
Sean
May 5, 2023 at 5:22 am #1406504Hey sdmoody,
Thank you for the inquiry.
We may need to inspect the site in order to provide the necessary modifications. Please provide the site details in the private field. Temporarily, you can try this css code.
.sidebar .widget_nav_menu ul .current-menu-item, .sidebar .widget_nav_menu ul .current_page_item, .sidebar .widget_nav_menu ul .current-menu-ancestor { background:#EDF0F4; border-left: 5px solid #1D4776; }
Best regards,
IsmaelMay 8, 2023 at 5:23 pm #1406765I wish I could but I am not allowed it ius behind a firewall.
basically I am using Page sidebar navigation in the theme sidebar settings
I am using a child theme
and this CSS
.sidebar .widget_nav_menu ul .current-menu-item, .sidebar .widget_nav_menu ul .current_page_item, .sidebar .widget_nav_menu ul .current-menu-ancestor {
background:#EDF0F4;
border-left: 5px solid #1D4776;
}It works great on top and second level pages but if there is a third it doesnt style the sidebar like the pages above it in the hierarchy.
If this doesnt help, I can try and figure out a bette way to let you see it. Thanks!May 9, 2023 at 4:23 am #1406819Hi,
Thank you for the update.
You may need to clone the site to a staging environment so that we can inspect the elements and access the dashboard. The following article should help.
// https://themeisle.com/blog/clone-a-wordpress-website
Best regards,
IsmaelMay 9, 2023 at 6:40 pm #1406927Please see private message with links
May 12, 2023 at 8:26 pm #1407264I am just checking in. Any idea ho to do this?
Thanks!
SeanMay 13, 2023 at 7:58 pm #1407286Hi,
Thanks for your patience, I see that when on the first page all of the sub items are included in the background color:
so I assume that you want to follow this for the sub items, like this:
If correct try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:.sidebar .widget_nav_menu ul .page_item_has_children.current_page_item, .sidebar .widget_nav_menu ul .current_page_ancestor { background:#EDF0F4; border-left: 5px solid #1D4776; padding-left: 51px; left: -51px; }
After applying the css, please clear your browser cache and check.
Best regards,
MikeMay 15, 2023 at 7:13 pm #1407472Please see private thread.
May 16, 2023 at 5:33 pm #1407644Hi,
Thanks for the feedback, try removing this line from the css above sidebar .widget_nav_menu ul .current_page_ancestorBest regards,
MikeMay 17, 2023 at 10:48 pm #1407778Thank you! I will take a look at it and see.
Sean
May 19, 2023 at 4:45 am #1407905Hi,
Thank you for the update.
It seems to be displaying as expected based on the screenshot below.
// https://1drv.ms/i/s!AjjTfXSRbKTvgcJnRkVonmkUnkjN4w?e=iygaRi
Would you mind providing a screenshot of the issue on your end? You can use platforms like Savvyify, Imgur or Dropbox to upload and share the screenshot. Here are the steps to follow:
1.) Visit the website of your chosen platform, such as Savvyify, Imgur or Dropbox.
2.) Locate the option to upload a file or an image.
3.) Select the screenshot file from your computer or device and upload it to the platform.
4.) After the upload is complete, you will be provided with a shareable link or an embed code.
5.) Copy the link or code and include it in your message or response to provide us with the screenshot.Thank you for taking the time to share the screenshot. It will help us better understand the issue you’re facing and provide appropriate assistance.
Best regards,
IsmaelMay 19, 2023 at 3:51 pm #1407957I am using the css snippet you sent me.
.sidebar .widget_nav_menu ul .page_item_has_children.current_page_item
{
background:#EDF0F4;
border-left: 5px solid #1D4776;
padding-left: 51px;
left: -51px;
}This page looks correct
URL:Image:
https://www.dropbox.com/s/ei8goj57tlwid9s/1.png?dl=0and this page is good:
URL:Image:
https://www.dropbox.com/s/1cb1jmz545jj5qa/2.png?dl=0But If you keep drilling down through the sidebar it changes, the deeper you go it looks different:
border is missing on this page:
URL:Image:
https://www.dropbox.com/s/qyzi64w30bndoq0/3.png?dl=0It would also be nice that once you get to the end of the pages in a section that the box and border still show up for the active pages’ siblings and parent. See this page:
URL:Image:
https://www.dropbox.com/s/2za7zzgrg9ee5w1/4.png?dl=0Thank you . Your support team is awesome!
Sean
May 20, 2023 at 10:59 pm #1408033Hi,
To show the border for https://enfold.mtboards.com/1-2/1-1/1-1-1/1-1-1-1/ try this css:#top .widget_nav_menu ul ul .sub-menu, #top .widget_nav_menu ul ul .children { overflow: visible; }
but for your last request we won’t know when your end of the pages in a section is and since you don’t want the parents included in the highlighting for the other levels we won’t know when to add it.
I don’t understand your highlighing scheme because to me it seems logical to have the parent and all siblings highlighted and have the current page bold, but that is just my thinking.Best regards,
MikeMay 23, 2023 at 3:14 pm #1408267That has worked! Thank you. I understand the reasoning about the last request. It was put to me from above.
Thanks for all your help!
May 23, 2023 at 5:02 pm #1408305May 23, 2023 at 8:07 pm #1408332yes.
Thanks
May 23, 2023 at 8:11 pm #1408333Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
Mike -
AuthorPosts
- The topic ‘Default sidebar css works only at top levels’ is closed to new replies.