Custom Menu for Responsive Design

[mhawker]

Hi I would like to use a custom menu for when the site drops to responsive.

Currently I am using the top menu and the main menu

Top menu: Home | About Us | FAQ | Contact Us etc.
Main Menu: Product Categories

On a mobile device the top menu dissapears so we need to combine with the Main menu so users can still find details about the business

If we just create another menu in our admin can you please tell us in the code what file etc to use so we can change to use this custom menu on the responsive devices.

Thanks very much.

[laranz – SUPPORT]

Hi,

Sorry, that is come under customization. Because there need to be a lot of editing. Hire a developer to do.

Thanks,
laranz.

[mhawker]

Hi Laranz,

I dont see how this would require alot of editing.

Isnt this only changing 1 line of code, we would just to know where that one line is thankyou.

[laranz – SUPPORT]

Hi,

This is not a one line change, anyway I forward this to another staff for clarification.

Thanks for your patience.

Thanks,
laranz.

[Cosmin – SUPPORT]

Hi,

It is, indeed, much more complicated than just adding one line of code somewhere.

With responsive, the whole top area goes away and that includes the top menu location. Since there are only two menu locations in the theme, you would need to:

– create another menu location
– add that menu in header.php
– style it to show when you like (i.e. hide on desktops, show on mobile) – you would use @media queries for that, in CSS

So as you can see, it’s a pretty complex customization – one that our free theme support cannot cover, unfortunately.

Regards,

————————————————————————————————————

Cosmin
Support Assistant

[mhawker]

Thanks very much for the reply and further information.

I should be able to handle this from here.

[laranz – SUPPORT]

Hi,

Great 🙂

Let me know if you have any other questions.

Thanks,
laranz.