hide menu in reponsive mode

how do i remove this menu in mobile?

The way the menu in the mobile theme works is that it looks for custom menu locations for your current desktop theme and displays the menu assigned to the primary position.

If you have no custom menus assigned, it will default to the standard page menu. This is what you are seeing.

Unfortunately, there is no way to disable the mobile theme menu entirely. You might be able to hide it with this CSS, but that would also hide the search box:

body.mobile-theme #wrapper > div.menu-search {
	display: none;
}

i put this code but nothing changes.

thanks.

the url is: (it’s in hebrew)
https://land.df-law.co.il/%D7%A8%D7%A9%D7%9C%D7%A0%D7%95%D7%AA-%D7%A8%D7%A4%D7%95%D7%90%D7%99%D7%AA/

It may because, at the bottom of this file:

https://land.df-law.co.il/wp-content/themes/duduland4Childdd/style.css

You can see the greater-than symbol being displayed as an HTML entity instead of the actual symbol. Try this code instead, it’s basically the same:

body.mobile-theme #wrapper div.menu-search {
	display: none;
}

hi

i corrected the css but the menu is still there.
sorry.

i must get rid of that menu.
please help.

this page will be kind of a landing page.
i will have many more pages. i dont want each page to have a link to all the other pages.

thanks

lenny

Actually, I messed up. I’m sorry. ??

You need to add the CSS using Jetpack’s Custom CSS editor. First go to Jetpack > Settings and make sure that the module “Custom CSS” is enabled.

Then go to Appearance > Edit CSS and paste the CSS in there. Save the stylesheet and then it should work for you!

hi

the jetpack css module “belongs” to the theme.
when i upgrade a theme the added code disappears.

this site is under developement and the theme will be updated many times so it’s not practical.
(by the way, if you make the code stay despite theme change, you’ll save my life, i will thank you for the rest of my life …)

don’t you think it will work with a child theme? i’d really like to fix it.

thanks again for your patience

lenny

If you can’t use Custom CSS because you’re switching themes too often, then your best bet is probably to write a short plugin that adds the CSS only for the mobile theme.

This page describes how you can do that:

https://jetpack.me/2013/06/27/customize-mobile-theme/#throughactionsandfilters

Except instead of adding an author image to the content, you’ll be enqueuing a CSS file.

when i upgrade a theme the added code disappears.

This happens on purpose, because CSS is often theme-specific. It’s still there in the CSS revisions, so you can restore it, we just insert a new (blank) revision as the latest one.