Support » Theme: OceanWP » “Navigation Menu Widget” not showing nesting OceanWP on the sidebar

  • Resolved shellig

    (@shellig)


    “Navigation Menu Widget” not showing nesting OceanWP on the sidebar. It may be a simple css fix but I am clueless.

    I have a menu: (edited multiple times to show some idea with > = indents or indented bullets) – screen shot would have been easier)
    Home
    Contact
    Recent
    Posts
    >About Bees
    >>Honey Bee Safety
    >>Georgia Bee Laws
    >>Frequently Asked Questions
    >>Help the Bees
    >For Members
    >>Bee Neighbor Program
    >>Renew Membership
    >>Bylaws

    But I get:
    Home
    Contact
    Recent
    Posts
    About Bees
    Honey Bee Safety
    Georgia Bee Laws
    Frequently Asked Questions
    Help the Bees
    For Members
    Bee Neighbor Program
    Renew Membership
    Bylaws

    (Note: Already posted here: https://wordpress.org/support/topic/navigation-menu-widget-not-showing-nesting-oceanwp-on-the-sidebar/ I can’t figure out how to delete and repost in OceanWP?)

Viewing 9 replies - 1 through 9 (of 9 total)
  • Hello,

    Can you share your site link and share a screenshot so that I can check it?

    Thread Starter shellig

    (@shellig)

    It is still under development but I will give you a link: http://metroatlantabeekeepers.org/wp/help-the-bees/

    The top nav bar works great, The one on the side that should be like a list with indentations for some menus is not doing that is one long list, no nesting. Everything I Google says it should be nested and that makes sense.

    I also just added the wordpress navigation element onto the post itself to show you what it is supposed to look like in the side bar.

    I also see no way to add a screenshot.

    • This reply was modified 1 year, 11 months ago by shellig.
    • This reply was modified 1 year, 11 months ago by shellig.

    Use the below CSS code and check it works or not –

    li ul, li ol {
        margin: 0 0 0 25px !important;
        list-style-type: circle !important;
    }
    Thread Starter shellig

    (@shellig)

    I will try once I figure out where to add it 🙂 Thank you

    Go to Customize > Custom CSS section to add the code.

    Thread Starter shellig

    (@shellig)

    Thanks that worked. I was trying to make it harder than that.

    I had :
    Installed child theme: https://github.com/oceanwp/oceanwp-child-theme followed instructions

    and then started following this to manually add custom styles to widgets but got confused – https://www.wpbeginner.com/wp-themes/how-to-add-custom-styles-to-wordpress-widgets/

    Lots to learn! Appreciate the help. I think we are ready to make this the new site for our group!

    Darn – loading the child theme wiped out my previous customizations… Good practice I guess 🙂

    • This reply was modified 1 year, 11 months ago by shellig.

    For the child theme, you need to export the parent theme settings from the Theme Panel > Import & Exports and import it into the child theme – Theme Panel > Import and Export.

    Thread Starter shellig

    (@shellig)

    Amit, just noticed my MegaMenu is now indented. Is that from that Custom CSS? How do I NOT do that? I tried this and it did not work.

    ul.megamenu.col-5.sub-menu { margin: 0 0 0 0 !important;
    }

    I also just tried:
    ul.megamenu.col-5.sub-menu { list-style-type:none !important; }

    with no success.

    I did not start a new subject as this is still related, I think.

    http://metroatlantabeekeepers.org/wp/

    • This reply was modified 1 year, 11 months ago by shellig.

    Try this code instead of the old one to fix it –

    .sidebar-container li ul, li ol {
        margin: 0 0 0 25px !important;
        list-style-type: circle !important;
    }
Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘“Navigation Menu Widget” not showing nesting OceanWP on the sidebar’ is closed to new replies.