Instantly share code, notes, and snippets.

Embed
What would you like to do?
Rehub theme Mega menu example
[wpsm_column size="one-fifth"]
<h4><i class="fa fa-camera-retro" aria-hidden="true"></i> Cameras and photos</h4>
[wpsm_list type="arrow" darklink="1" gap="small" hover="1"]
<ul>
<li><a href="http://rewise.wpsoul.net/top-page-with-review-list/">Camera Electronic</a></li>
<li><a href="http://rewise.wpsoul.net/top-page-with-review-list/">Camera Appereances</a></li>
<li><a href="http://rewise.wpsoul.net/top-page-with-review-list/">DSLR</a></li>
<li><a href="http://rewise.wpsoul.net/top-page-with-review-list/">Video cameras</a></li>
<li><a href="http://rewise.wpsoul.net/top-page-with-review-list/">Top cameras</a></li>
<li><a href="http://rewise.wpsoul.net/top-page-with-review-list/">Cheap cameras</a></li>
<li><a href="http://rewise.wpsoul.net/top-page-with-review-list/">Best cameras</a></li>
<li><a href="http://rewise.wpsoul.net/top-page-with-review-list/">Luxury Cameras</a></li>
<li><a href="http://rewise.wpsoul.net/top-page-with-review-list/">Simple Cameras</a></li>
</ul>
[/wpsm_list]
[/wpsm_column]
[wpsm_column size="one-fifth"]
<h4><i class="fa fa-mobile" aria-hidden="true"></i> Phones and Tablets</h4>
[wpsm_list type="arrow" darklink="1" gap="small" hover="1"]
<ul>
<li><a href="http://rewise.wpsoul.net/top-offers-from-posts/">Phone Electronic</a></li>
<li><a href="http://rewise.wpsoul.net/top-offers-from-posts/">Android phones</a></li>
<li><a href="http://rewise.wpsoul.net/top-offers-from-posts/">Iphone phones</a></li>
<li><a href="http://rewise.wpsoul.net/top-offers-from-posts/">Chinese phones</a></li>
<li><a href="http://rewise.wpsoul.net/top-offers-from-posts/">Google phones</a></li>
<li><a href="http://rewise.wpsoul.net/top-offers-from-posts/">Top phones</a></li>
<li><a href="http://rewise.wpsoul.net/top-offers-from-posts/">Cheap phones</a></li>
<li><a href="http://rewise.wpsoul.net/top-offers-from-posts/">Luxury phones</a></li>
<li><a href="http://rewise.wpsoul.net/top-offers-from-posts/">Simple phones</a></li>
</ul>
[/wpsm_list]
[/wpsm_column]
[wpsm_column size="one-fifth"]
<h4><i class="fa fa-gamepad" aria-hidden="true"></i> Video games</h4>
[wpsm_list type="arrow" darklink="1" gap="small" hover="1"]
<ul>
<li><a href="http://rewise.wpsoul.net/top-page-with-review-list/">Xbox console</a></li>
<li><a href="http://rewise.wpsoul.net/top-page-with-review-list/">PS consolde</a></li>
<li><a href="http://rewise.wpsoul.net/top-page-with-review-list/">Cheap Deals</a></li>
<li><a href="http://rewise.wpsoul.net/top-page-with-review-list/">Games and DVD</a></li>
<li><a href="http://rewise.wpsoul.net/top-page-with-review-list/">WIFI and internet</a></li>
<li><a href="http://rewise.wpsoul.net/top-page-with-review-list/">Game Accesories</a></li>
<li><a href="http://rewise.wpsoul.net/top-page-with-review-list/">Xbox One S</a></li>
<li><a href="http://rewise.wpsoul.net/top-page-with-review-list/">Deals for consoles</a></li>
<li><a href="http://rewise.wpsoul.net/top-page-with-review-list/">Coupons for consoles</a></li>
</ul>
[/wpsm_list]
[/wpsm_column]
[wpsm_column size="two-fifth" position="last"]
<h4>Custom title</h4>
You can set any content to mega menu with theme's shortcodes. Vertical tabs, columns, post modules are available. You can use also shortcode buttons, images and even dynamic content.
[wpsm_button color="green" size="medium" link="http://rehub.wpsoul.com/documentation/docs.html#megamenu" icon="cart-plus" class="mt20" border_radius="0"]Check docs for menu![/wpsm_button]
<div class="rh-line mt25 mb25"></div>
<img src="http://rewise.wpsoul.net/wp-content/uploads/2016/11/homepage_subscribe.png" class="" alt="homepage_subscribe_new">
[/wpsm_column]
@flexbarker

This comment has been minimized.

Show comment
Hide comment
@flexbarker

flexbarker commented Apr 13, 2018

awesome.

@semmanue

This comment has been minimized.

Show comment
Hide comment
@semmanue

semmanue Oct 5, 2018

That's great and all, but my site ssl and the unsecured links in them, is causing a conflict. Notifications in all web browsers saying my site is not completely safe, because of unsecured images. If you would https the photos in the demo content, would be great. I'm trying to remove all unsecured links now.. talk about a task.

semmanue commented Oct 5, 2018

That's great and all, but my site ssl and the unsecured links in them, is causing a conflict. Notifications in all web browsers saying my site is not completely safe, because of unsecured images. If you would https the photos in the demo content, would be great. I'm trying to remove all unsecured links now.. talk about a task.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment