footer mobile version

  • freddyeee

    (@freddyeee)


    1 month, 2 weeks ago

    Hi

    how to make a footer with a drop down menu like this screenshot for just the mobile version of the website ?

Viewing 4 replies - 1 through 4 (of 4 total)
  • Eze

    (@chieze)

    1 month, 2 weeks ago

    Hi @freddyeee,

    Glad you reached out, happy to help.

    To achieve this:
    1. Create a custom footer menu and add items to the menu as preferred
    2. Add a widget to the footer
    3. Add a Row Layout block to the footer widget
    4. Add a Navigation Menu block to the Row Layout Section and select your custom footer menu
    5. Check Collapse sub menu items
    5. Hide the Row Layout on Desktop and Tablet to only show this footer menu on mobile

    Here is a screencast for your reference:
    https://share.zight.com/NQuA8Wm8

    I hope this helps. Please let us know how we can help further.

    Cheers,
    Eze

    Thread Starter freddyeee

    (@freddyeee)

    1 month, 2 weeks ago

    do I need the pro version to do all that ?

    Thread Starter freddyeee

    (@freddyeee)

    1 month, 2 weeks ago

    I don’t see that option to hide on desktop and tablet.

    I did it on this widget part :

    Over here it will appears on the footer a big title and under that the subcategories. I can’t do the “collapse sub menu items” to that.

    karlalevelup

    (@karlalevelup)

    1 month, 1 week ago

    Hi there!

    You don’t need the Pro add-on to do this. Please search for “Navigation Menu” when adding a new block to your footer widget area. The option to collapse sub menu items should be there: https://share.zight.com/kpuZpLWK

    This is a WordPress widget item – https://wordpress.com/support/widgets/navigation-menu-widget/

    Could you click on the block you added and see if the collapse option will show for you?

    The option to hide the content on desktop and tablet is in the Row Layout block settings. This is why Eze instructed to add the widget inside one. Here’s our tutorial for the Row Layout block – https://www.kadencewp.com/help-center/docs/kadence-blocks/row-layout-block

    Let us know if we can help you further.

Viewing 4 replies - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.