I have this WordPress plugin:
This is a Highly Customisable Responsive Menu Created By Peter Featherstone
Version: 2.1Updated: 2014-8-18Downloads: 50,607Average Rating:5 stars(59)
and I need to fill in a field to get rid of the old menu when the responsive one takes over…
CSS of Menu To Hide
This is the CSS of the menu you want to hide once the responsive menu shows – e.g #primary-nav, .menu
I decided to use the interface pro theme responsive menu but if you want to hide that when using un other plugin responsive menu you could do like this…
Go to
appearance
theme options
design options
custom css
and write the following lines where you can put any pixel value that works for you:
@media only screen and (max-width: 767px)
{
.menu-toggle {
display:none !important;
}
}
Im not sure of the terminology though Im new in web site creations.
As I understand, the theme Im using, interface pro, do have a responsive menu but there are options if you what something different you could get a plugin which I did and then I was using the original menu when showing the site on a big screen and when using a smartphone or small device I needed to disable the default responsive menu coming with the theme interface pro. If not I would se the two menus at the same time.
To Remove the default menu Go to Appearance -> Theme Options -> Design Options Tab -> Custom CSS paste the following CSS code and Click on save all changes button:
@media only screen and (max-width: 767px) {
.menu-toggle {
display: none;
}
}
Note: Please remove above CSS to show the default built-in menu.