Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • #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

    #1406504

    Hey 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,
    Ismael

    #1406765

    I 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!

    #1406819

    Hi,

    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,
    Ismael

    #1406927

    Please see private message with links

    #1407264

    I am just checking in. Any idea ho to do this?

    Thanks!
    Sean

    #1407286

    Hi,
    Thanks for your patience, I see that when on the first page all of the sub items are included in the background color:
    Enfold_Support_2048.jpeg
    so I assume that you want to follow this for the sub items, like this:
    Enfold_Support_2050.jpeg
    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,
    Mike

    #1407472

    Please see private thread.

    #1407644

    Hi,
    Thanks for the feedback, try removing this line from the css above sidebar .widget_nav_menu ul .current_page_ancestor

    Best regards,
    Mike

    #1407778

    Thank you! I will take a look at it and see.

    Sean

    #1407905

    Hi,

    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,
    Ismael

    #1407957

    I 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:

    1.1

    Image:
    https://www.dropbox.com/s/ei8goj57tlwid9s/1.png?dl=0

    and this page is good:
    URL:

    Image:
    https://www.dropbox.com/s/1cb1jmz545jj5qa/2.png?dl=0

    But 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=0

    It 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=0

    Thank you . Your support team is awesome!

    Sean

    #1408033

    Hi,
    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,
    Mike

    #1408267

    That has worked! Thank you. I understand the reasoning about the last request. It was put to me from above.

    Thanks for all your help!

    #1408305

    Hi,
    Glad to hear this helped, shall we close this then?

    Best regards,
    Mike

    #1408332

    yes.

    Thanks

    #1408333

    Hi,
    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

Viewing 17 posts - 1 through 17 (of 17 total)
  • The topic ‘Default sidebar css works only at top levels’ is closed to new replies.