disable the responsive menu.

ssquares · December 2015

I want to disable the responsive menu without affecting the responsiveness of the site...Please help me regarding this..

Albert · December 2015

Hey,

if you want to remove responsive menu completely, please use extra css:

#Top_bar a.responsive-menu-toggle { display: none !important; }

ssquares · December 2015

Thanks for the help betheme. but i also want default menu in place of the responsive menu. Is any code for that ? please help us..

Albert · December 2015

What does it mean "default menu" instead of responsive one?

sunsetstriker · May 2017

Hi, I'd like to know that too

I only have two pages in the website, so I don't need the responsive menu, as the two menu items will be clearly visible also on a smartphone in portrait mode.

I want to disable the responsive menu toggle (I can set it to display none), but I want the non responsive menu to be visible. Unforunately when the page switches to responsive mode the <nav> tag just disappears from the code...

Is it also possible to center the menu with the logo? (not the responsive one)

Bryan · May 2017

Please send a link to your page to position the menu. The responsive menu is there as a default function. You cannot disable it, we can only hide it with css.

thanks

sunsetstriker · May 2017

mattiaguolo.com

in the homepage (works) I've intentionally hidden the logo, but I'd like to center the menu items.

in the about page I have the logo and the menu items and I'd like to center them.

Same for each portfolio page.

Thanks!

Bryan · May 2017

Hi,

Sorry we we cannot do that, there are two options:

1. No logo, centered menu

2. Logo top, menu bottom - both centered.

This is the css for the second option, if you want the first, just hide the logo:


#menu {
	text-align:center;
	float:left;
	width:100%;
}
#Top_bar .menu > li {

    display: inline-block !important;
 	float:none !important;
}
.menu_wrapper {
	width:100%;
	float:left;
}
.top_bar_left {
	text-align:center;
}
.logo {
	float:none !important;
}
#logo {
	padding:0 !important;
}

sunsetstriker · May 2017

Thanks,

it worked partially.

It messed up the responsive menu toggle, so I decided to insert the menu with the custom menu shortcode for VC and now it works like a charm

Thanks!

p.s. your theme is the best one available!

shanedwyerdesigns · January 2018

Sunsetstriker, can you please leave instructions on how this is done?

dheppner · February 2018

How am I able to hide the menu on mobile? I'm using WPR Menu Pro and right now both the theme and the WPR Menu Pro are showing for some reason.

Bryan · February 2018

dheppner
Sorry but we do not support this plugin, if you want to hide the menu on mobile devices then please send us a link to your page. It will need custom CSS.
thanks

dheppner · February 2018

https://guildhmsinsurance.ca is the link to our website

Bryan · February 2018

Try this css

.responsive-menu-toggle {
	display:none !important;
}

dheppner · February 2018

Where do i drop this in?

juanr221 · February 2018

Go to BeTheme > Theme Options > Custom css & js > css

juanr221 · February 2018

I would like a code to display the normal menu not with the toggle in larger screen, but on mobile and tablet with the toggle. this is my page cepasi.com

Bryan · February 2018

juanr221
Your website is under maintenance. Please explain in more detail what you want to achieve beacause from what we understood you basically want a normal menu.
thanks

dheppner · February 2018

I added this in the Custom CSS section of the Betheme options and nothing has changed on my mobile site.

Bryan · February 2018

dheppner
What exactly did you want to change.

dheppner · February 2018

currently if you look at my site on a mobile device it has 2 logo's on the top right one for the WPR Menu plug in and one that BeTheme implements. This was never showing on mobile in the past and then there was an update to WordPress and the BeTheme and now it is showing.

Bryan · March 2018

When we removed the custom css you entered everything went back to normal.
Please check the changes you made in css.
thanks

dheppner · March 2018

You removed custom css? I add the css code you sent me into the BeTheme options CSS section and it has not disabled the menu on mobile. Not sure I'm understanding what you mean.

.responsive-menu-toggle {
	display:none !important;
}

Bryan · March 2018

You are using a third party plugin and it is causing this:
http://prntscr.com/ilv0mr
We do not support third party plugins.
thanks

dheppner · March 2018

that is correct that is the logo i want to have displayed on my mobile site. The logo below that one is from the BeTheme which I would like disabled.

Bryan · March 2018

You can use this css

@media (max-width:780px) {
	#Header #Top_bar {
		display:none !important;
	}
}

dheppner · March 2018

this still didn't work

Bryan · March 2018

We have tested this css on your website and it works fine, please make sure you paste it at the start of your custom css, in theme options>custom css and that all cache plugins are disabled.
Also remove browser cache. Css is very often saved in cache and despite adding it in the code it will not display in the browser immediately.

dheppner · March 2018

This worked thanks so much for your support!

davidliew · April 2018

Hi, how do I disable the responsive menu and only use the desktop menu for all screen sizes?

So far I can only set the responsive menu toggle to display none. When the page is resized to mobile screen size, the <nav> tag for the desktop menu just disappears from the code.

Bryan · April 2018

davidliew
Hi,
there is no option for that, but if you are using css to hide the mobile menu, you can use display:block; to enable the main menu.
thanks

disable the responsive menu.

Comments