Restaurant Menu Slider

restaurant-menu-banner
Place an amazing Restaurant Menu Slider in post/page/portfolio post.

Please follow below steps to use “Restaurant Menu Slider” shortcode.

  • Step 1: Login to WordPress Admin section.
  • Step 2: Add/Edit any page/post/portfolio post.
  • Step 3: Click on “+” button (Add New Element), it will show the popup with all shortcodes.
  • Step 4: Click on H-Code tab, it will show all shortcodes of H-Code theme. Now click on “Restaurant Menu Slider” shortcode.
  • Step 5: Follow below inputs/settings to set slider and go to next step to add Menu.

General (tab)

Show Pagination – Select ON to show pagination in slider.

Pagination Style – Select pagination style (Dot Style, Line Style or Round Style)

Pagination Color Style – Select Pagination Color Style (Dark Style or Light Style)

Show Navigation – Select ON to show navigation in slider.

Navigation Style – Select Navigation Style (Next/Prev Black Arrow or Next/Prev White Arrow)

Slider Configuration (tab)

Transition Style – Select Diffrent Style Of transition for menu.

Autoplay – Autoplay slider.

Stop On Hover – Stop the slide on hover.

Slide Delay Time – Slider Delay time for slider transition.

Add Active Class – Add Active class.

Slider Id & Class (tab)

Slider ID – Define element id (The id attribute specifies a unique id for an HTML element)

Slider Extra Class – Add additional CSS class to this element if you wish, you can define multiple CSS class with use of space like “Class1 Class2”

Step 6: Click on “+” button as show in below image to add slide for Restaurant Menus.

Step 7: Click on “Add Menu” as showing in below image.

Step 8: Follow below inputs/settings and see “Restaurant Menu Slider” preview in frontend.

Add Menu Setting

Menu Image – Upload Menu Image.

Content Image – Upload Image for Content.

Title – Add title text.

Subtitle – Add Subtitle text.

Content – Add content text.