Doubled menu on tablet/iphone size screens

Just encountered the same problem…

I resolved it by adding this in the css:

@media screen and (max-width: 56.875em){
			.menu-main-container{
				display: none;
			}
}

and this in the js/function.js:

	$( "#menu-toggle" ).click(function() {
	var menuMobileVisible = $('.menu-main-container').css("display");
	if(menuMobileVisible === "none"){
		$('.menu-main-container').css('display','block');
	}
	else {
		$('.menu-main-container').css('display','none');
	}
});

(insert the js before the document ready stuff, so before line 183).

Best.

Hi Nathan and thank you for your answer!

How can I use Java Script? Layman here..

Best

and this in the js/function.js:

Place your JS code within the file suggested above.

Hey! Where is actually that file? I have been looking for it on my WordPress Dashboard and could not find it. Thanks again!

The WordPress editor isn’t a good tool to be using when making code modifications, you can lock yourself out of your admin very easily if not careful, it wont allow you to modify files that are within other folders also.

You need to download your theme to your computer, then using any standard text editor such as notepad (or notepad++) you can safely modify any file. Re-upload the files you have modified to see the changes.

Themes are stored within the wp-content/themes folder, each theme has its own sub-folder usually called the name of the theme.

Hope this helps.

• This reply was modified 8 years, 1 month ago by ThemeSumo.

Thank you so much!! I will try it right away and let you know !

Hi,

So I tried and still not working ??

My website is https://thesocialface.com/

If you could please have a look at it, it’d be very helpful.

Thanks!

So you simply want to get rid of the menu that appears within the footer only?

You can add some custom CSS to your site using a Custom CSS plugin, like so:

footer .main-navigation {
    display: none !important; 
}

Hope this helps.

Just tried it! It’s still not working ??

Oh my bad! Works perfectly!! Thank you very much. Can I please ask you another question? It’s about my sidebar

I would like to have it appear only on some pages (the ones with articles and so). Thing is it is simply not appearing :/ Any idea of how to change that? Thanks

Are you placing widgets in the correct locations?

Have you modified the default sidebars in any way, like are you calling a custom sidebar for posts? If so, then I would suspect the code you’re using may be wrong as I don’t see any trace of an empty sidebar within your code – it’s difficult to assist to be honest.

I believe I am… I put it in the sidebar and did not modify it on this version of my website… Is there anyway to reset the original sidebar code? If yes, how?

Are you using a modified single.php file within your child theme? If so, does it contain the following code:

<?php get_sidebar(); ?>

• This reply was modified 8 years, 1 month ago by ThemeSumo.

I did not modify the single.php file. And I do have “<?php get_sidebar(); ?>”.

But I also noticed this in the code:<?php get_sidebar( ‘content-bottom’ ); ?>
Is it normal?