Tagged: css responsive menu
- This topic has 5 replies, 2 voices, and was last updated 9 years, 7 months ago by Theme Horse Support Team.
-
AuthorPosts
-
October 6, 2014 at 8:18 pm #17156FredrikParticipant
Hi,
my site is http://www.panamaexecutivetransport.com
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, .menuThanks in advance!
/Fredrik
October 6, 2014 at 9:47 pm #17164FredrikParticipantjust to clarify…
and I need to fill in a field in the plugin settings for responsive menu
October 9, 2014 at 3:34 pm #17304FredrikParticipantI 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 cssand 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;
}
}October 9, 2014 at 5:31 pm #17306Theme Horse Support TeamKeymasterHi Fredrik,
What you are trying to say we did not understand could you please clarify it again?
Thank you!
October 10, 2014 at 2:26 pm #17364FredrikParticipantOK, to clarify better,
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.
/fredrik
October 13, 2014 at 10:32 am #17458Theme Horse Support TeamKeymasterHi Fredrik,
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.
Thank you!
-
AuthorPosts
- You must be logged in to reply to this topic.