“Navigation Menu Widget” not showing nesting OceanWP on the sidebar

Resolved shellig
(@shellig)

6 years, 12 months ago

“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)

Amit Singh
(@apprimit)

6 years, 12 months ago

Hello,

Can you share your site link and share a screenshot so that I can check it?
Thread Starter shellig
(@shellig)

6 years, 12 months ago
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 6 years, 12 months ago by shellig.
- This reply was modified 6 years, 12 months ago by shellig.
Amit Singh
(@apprimit)

6 years, 12 months ago
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)

6 years, 12 months ago

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

Amit Singh
(@apprimit)

6 years, 12 months ago

Go to Customize > Custom CSS section to add the code.
Thread Starter shellig
(@shellig)

6 years, 12 months ago
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 6 years, 12 months ago by shellig.
Amit Singh
(@apprimit)

6 years, 12 months ago

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)

6 years, 11 months ago
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 6 years, 11 months ago by shellig.
Amit Singh
(@apprimit)

6 years, 11 months ago
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.

Tags