Skip to content
Public Ticket #1250

Responsive Menu

Conversation thread

PenciDesign replied

Staff Reply

Hi,

I just checked your site and I see you're doing correct.

Now, just need to add posts to your categories -> the posts will display on category mega menu.

Best Regards,

PenciDesign

AlexandraLMyers replied

Customer Reply

Nevermind, I figured it out but still not completely sure how lol. 

AlexandraLMyers replied

Customer Reply

Oh, sorry...Here is the photo..

AlexandraLMyers replied

Customer Reply

I'm sorry I probably sound so stupid but this is new to me. When I think child categories I think when you assign a category to a parent category in the drop down menu in the posts > categories dropdown. When I think child menu items I think when you move one category menu item below another and to the right in the menu section on the dashboard. Therefore, I moved all the child menu items to the left so all categories are aligned and left the dropdown parent categories the same. However, when I did so, all of the menu items were in the top menu bar on my website (see attached picture). The menu items in uppercase are my parent categories (aside from "about", "contact", and "subscribe") and the menu items in lowercase are supposed to be child categories under the parent menu items.  I hope I'm making sense. As you have my login information, would you mind changing the appropriate settings for me? It would be very much appreciated. 

PenciDesign replied

Staff Reply

Hi,

It's child categories - NOT child menu itemswink.png

Best Regards,

PenciDesign

AlexandraLMyers replied

Customer Reply

I'm confused....your demo says you can have child categories on the mega menu (see attachment). Please explain why I have to remove all child categories? Thank you. 

PenciDesign replied

Staff Reply

Hi,

Because your config is wrong.

Please go to Appearance > Menus > on menu item "Beauty Bar" > remove all child menu items of this menu item.

Best Regards,

PenciDesign

PenciDesign replied

Staff Reply

Hi,

\

1/ I made an example for you on category "Make Up".

\

But, I don't know why it can't work on your old categories like "BALANCED LIFE", "BEAUTY BAR", "FASHION FIX"

\

I tried deleted category "Balanced Life" and add it again - It works.

\

Seem your old plugins modified your categories data to made it doesn't work.

\

So, please remove all your categories and add it again to make it work in that case.

\

Note: After created again your categories, you need to add posts to your categories to make the posts display on your category mega menu.

\

2/ Yeah, you don't need that plugins - I deactivated it help you.

\

Best Regards,

\

PenciDesign

PenciDesign replied

Staff Reply

Hi,

Thank you for your great words.

You can check this video tutorial to know how to create a category mega menu.

Best Regards,

PenciDesign

AlexandraLMyers replied

Customer Reply

Thank you so much for your quick responses! I've spent hours researching and should have just used your service. Much appreciated. One final final question for the evening :)I can't get my mega menu to show pictures like the one attached. Can you give me some directions?

PenciDesign replied

Staff Reply

Hi,

You can add more this code to Customize > Custom CSS to do that:

\
#sidebar-nav .menu li a{ text-transform: none; }

Best Regards,

PenciDesign

AlexandraLMyers replied

Customer Reply

Thank you! That worked. One other small problem. How do I make "about", "contact" and "subscribe" in lowercase like it is in the desktop menu?

PenciDesign replied

Staff Reply

Hi,

I see on your Custom CSS box has a wrong codes like this:

\
#nav-menu, nav, .other-nav\
#sidebar-nav .menu li a{
font-weight: bolder;
font-family: 'Text Me One', sans-serif;
}

Please remove:

\
#nav-menu, nav, .other-nav

on the above code and it will work.

Best Regards,

PenciDesign

\

AlexandraLMyers replied

Customer Reply

That did not work. Any other suggestions?

PenciDesign replied

Staff Reply

Hi,

Please add more this code to Customize > Custom CSS to do that:

\
#sidebar-nav .menu li a{\
font-weight: bolder;\
font-family: 'Text Me One', sans-serif;\
}

Best Regards,

PenciDesign

AlexandraLMyers started the conversation

Conversation Start

My responsive menu isn't using the same font as the desktop menu. How can I make the responsive menu font "Text Me One" instead of "Codystar"?

Want to join this conversation or access attachments? Sign in first.