Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • October 8, 2014 at 10:00 am #332232
    investmentwriter

    Hi!

    I would like to add the footer menu to the main menu in responsive mode (my impressum is only in the footer menu, but I want it to be shown in the responsive menu, too) . I’ve already found out in your excellent support forum that this is (yet) not possible and that I have to use a plugin for this purpose.

    For that reason I’m using “Responsive Menu ” created by Peter Featherstone. This plugin gives me the opportunity to create a custimsable responsive menu.

    However, I now have the problem that both menus are shown at the same time: the Enfold responsive main menu AND the new responsive menu. The plugin offers an opportunity to hide the CSS of the Enfold main menu, but for doing so I need the CSS id for the responsive (mobile) menu bar (Enfold main menu). It must be something like “#primary-nav, .menu”, but as I have no CSS experience, I have no clue.

    Could you please, therefore, provide me with the necessary information:
    1) What is the CSS id for the Enfold responsive menu bar (Enfold Main Menu)?
    2) What is the CSS id for the Enfold main menu bar (e. g. for ipad in portrait mode), as I would also like to use only the plugin responsive menu in this case?

    Your help is highly appreciated!

    Cheers,
    Thomas

    October 8, 2014 at 1:23 pm #332364
    Yigit

    Hey investmentwriter!

    If you would like to display footer menu on mobile, please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 479px) {
.responsive #socket .sub_menu_socket {
display: block;
}}

    To hide Enfold responsive menu, use following one

    a#advanced_menu_toggle { display: none !important; }

    Best regards,
    Yigit

    October 8, 2014 at 1:41 pm #332383
    investmentwriter

    Hi Yigit!

    Thanks for yor quick rand very helpful response!

    Meanwhile, however, I’ve found another solution in your support forum which is maybe the easiest one (as described here: https://kriesi.at/support/topic/different-menu-mobile/):

    1) I defined a “noDesktop” class in the main menu options for those menu items I only want to be shown in the responsive menu.

    2) I added a CSS quick code:

    @media only screen and (min-width: 767px) {
    .noDesktop{ display: none !important; }
    }

    That works very well and is probably the easiest way to customise the Enfold responsive menu.

    Thank you very much again for your help!

    Cheers,
    Thomas

    October 9, 2014 at 12:44 pm #333156
    Yigit

    Hey!

    Glad you figured it out Thomas! Let us know if you have any other questions or issues :)

    Cheers!
    Yigit

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Hide responsive menu when using a responsive menu plugin’ is closed to new replies.