Custom Menu Not Showing

You should look into the files to check if the widgets are in the right sidebar.

What files do I need to look into? Could you elaborate, please?

Where did the menu widget appear before? It should be in the sidebar on the left, but are you sure of that?

Are you sure the theme allows you to add custom menus? There are certain themes that don’t give you this option.

Have you checked if your scripts are running correctly? It gives me one error on inspect element.

Looking at the sidebar, you have divs for a header (logo and searchbox), facebook likebox, subscription to the blog, contributors, twitter, archives. Is this the place where the menu widget should pop up, and where exactly?

Are you sure you are creating the menu the correct way? Try to change the name of the widget, you may have a script with a variable with the same name (“x”) somewhere. The information you provided isn’t clearly enough to find the problem.

P.S. Just a piece of advice – you have waaay too many requests for loading the site – 231. You should limit them so the page loads quicker. It took me around 15 seconds to load the whole page. Try limiting the request by various tactics – for instance you can combine the CSS files in one file – I have 8 requests for different CSS files. Combining them will make a difference, try to do that.

yash1229, it seems you have fixed your problem, as I can now see three menus on the sidebar. What seemed to be the problem?

bigticket21, it was a plugin issue! W3 Total Cache was causing total havoc with my website.
Also, how can I limit the requests? I’m just a beginner to all this so, I have no idea whatsoever.

I’m not professional myself, but you could do some of the following things:

1. Put all of your styles (CSS files) in one CSS file.

2. Small images like icons and logos should be made in one sprite. Imagine you have 1000 icons on your site. That’s 1000 requests right there. If they were in a sprite, the request would be exactly 1. Of course, bigger pictures like an article picture (like this one – https://erudiomag.com/wp-content/uploads/2013/04/ingress.jpg) shouldn’t be in the sprite. Only the icons. Then you just use the “background-position” property in your styles. Check https://www.w3schools.com/css/css_image_sprites.asp or https://css-tricks.com/css-sprites/ for more info on that.

3. You seem to have many external requests (some of them lead to your widgets – for instance you have some leading to twitter – https://cdn.api.twitter.com/something something). I don’t know what’s up with that, but you should check it.

4. You can try to minify your javascript files. This will remove all unnecessary white spaces and will rename your functions to “a” and “b” and so on, making it unreadable. But it will be so much smaller. That can help with the time needed to load the site. See https://jscompress.com/

Now, I wouldn’t recommend 3 and 4 since you are a beginner, but you can check them out to learn something more.

1 and 2 will probably halve the requests, making it a faster-loading site ??

Will definitely implement these! Thanks a lot! ??