Footer menu with submenus

Support
#1

Hi X!

I want to generate a menu as this:

My menu is partially generated, but it’s not showed as I want. I have in front just the parent menu.

Could you help me to handle this?

Thanks in advance!

#2

Hi Pablo,

Thank you for writing in, In that case, you need to separate your menu per column

Defining a Menu

Then on your Footer Builder, set your Inline Navigation’s Flex Layout to Column



Hope it helps,
Cheers!

#4

Ok, I’ve added my meny as inline menu (navigation inline), but I can’t get child menu showed, could you help me?

#5

Hello Pablo,

Thanks for updating in! Please be advised that the navigation inline will only display lined up menu items with no sub menus in it. To accomplish what you have you in mind, you must create 6 containers inside the bar. And in each of the containers, you will insert a headline element and a text element or content area element. The headline element will display the headings and the content area will display the menu links:

<p><a href="#link-1">Menu Item 1</a><br>
<a href="#link-2">Menu Item 2</a></p>

We would loved to know if this has work for you. Thank you.

#6

Ok, the idea was to use a Wordpress menu, but mission accomplished anyway, thanks!

#7

BTW, could you help me to display it correctly on mobile?

Here its displayed as below:

#8

Hi Pablo,

You have only created one header bar where layout is made horizontally, please duplicate that header bar then use Hide During Breakpoints option under Customize section.

This will allow you to hide header bar from desktop that is meant for mobile, then hide header bar from mobile that is meant for desktop.

Then inspect the header bar that is meant for mobile, and change its flex direction to column.

That will make it vertical instead of horizontal.

Thanks!

#9

Hi, thanks, the problem now is tablet format, could you let me know wich the breakpoints are for set the media query for tablet format by hand? Thanks!

#10

Hi Pablo,

Please take a look at this:

Hope it helps :slight_smile:

#11

Got it, thanks! You can close this :wink:

#12

You’re welcome.

#13

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.