Are you a GenerateCustomer?

Do you have an active GP Premium or GenerateBlocks Pro license key?

Create a GenerateSupport account for GeneratePress and GenerateBlocks support in one dedicated place.

Create an account
Already have a GenerateSupport account? Login

Just browsing?

Feel free to browse the forums. Support for our free versions is provided on WordPress.org (GeneratePress, GenerateBlocks).

Want to become a premium user? Learn more below.

Add Photos in Off Canvas Menu

  • Hello Team

    Activated Generate press premium and generate blocks pro

    I am trying to setup Mega Menu in Off-canvas, could you please help in adding Large Photos to the Main Menu Page? Also, would you like the images to appear when we hover on main menu and sub menu should appear when we click on the main menu pages

    what is the best way to setup mega menu in Off-canvas?
    1. Generate Block Tabs —
    2. Gist Method — https://gist.github.com/diggeddy/d536a711522f37fd54e6118a18d80f26
    3. https://snippetclub.com/building-a-mega-menu-with-generatepress-blocks/

    I am looking for a more customized mega menu similar to this website – https://stcc.act.edu.au/

    Thanks

  • Hi there,

    The mega menu from the example you provided will require a custom development solution, as it seems too complex to achieve with the current GP or GB tools.

    The methods you shared for setting up a mega menu seem more suited for default navigation setups. Using the Tabs block could be problematic, especially regarding accessibility concerns.

  • Hello Alvin

    Are there any other methods that we can add full size images onto off canvas menu?

    could you suggest any method for mega menu off-canvas?

    Thanks

  • Are there any other methods that we can add full size images onto off canvas menu?

    To add an image to the overlay area of the off canvas menu, you can try using CSS like this:

    .offside-js--is-open .slideout-overlay {
       background: url("../YOUR_IMAGE_PATH/image.jpg") no-repeat fixed center center;
    }

    could you suggest any method for mega menu off-canvas?

    Unfortunately, I’m not aware of an existing method to achieve exactly what you’re looking for. A custom solution might be the best option in this case.

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