-
AuthorPosts
-
July 30, 2013 at 8:43 pm #26957
I have other pages that aren’t using WordPress, but want to add the Enfold Menu to the header, so at least it looks like it’s integrated website. Can you advise how to show the menu system on other pages?
btw, Enfold is awesome. Great work Kriesi!
July 31, 2013 at 4:09 am #132244Hi kindnation,
You would need to try and copy over the html for the header/menu as well as include the theme css and javascript. The issue will be that when you include those you will probably overwrite some of your static html pages css.
Regards,
Devin
July 31, 2013 at 4:17 am #132245Hi,
You need to have the copy the css styling for the header. If you have Chrome, inspect element then edit the header part as HTML, this is the output:
<div id="header" class="header_color dark_bg_color mobile_drop_down">
<div id="header_meta" class="container_wrap container_wrap_meta">
<div class="container">
<ul class="noLightbox social_bookmarks icon_count_5"><li class="social_bookmarks_facebook social_icon_1"><a target="_blank" href="https://www.facebook.com/kriesi.at" class="avia-font-entypo-fontello"></a></li><li class="social_bookmarks_twitter social_icon_2"><a target="_blank" href="http://twitter.com/#/" class="avia-font-entypo-fontello"></a></li><li class="social_bookmarks_gplus social_icon_3"><a href="sighlence" class="avia-font-entypo-fontello"></a></li><li class="social_bookmarks_tumblr social_icon_4"><a href="tumbler" class="avia-font-entypo-fontello"></a></li><li class="social_bookmarks_mail social_icon_5"><a href="#" class="avia-font-entypo-fontello">✉</a></li></ul><div class="sub_menu"><ul id="menu-main-menu" class="menu"><li id="menu-item-755" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent menu-item-755"><a href="http://kriesi.at/themes/enfold/">Home</a>
<ul class="sub-menu">
<li id="menu-item-2285" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-734 current_page_item menu-item-2285"><a href="http://localhost/kriesi/enfold/">Home v1: Landing Page Style</a></li>
<li id="menu-item-2292" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2292"><a href="http://localhost/kriesi/enfold/?page_id=1108">Home v2: 3 Col + Contact</a></li>
<li id="menu-item-2286" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2286"><a href="http://localhost/kriesi/enfold/?page_id=1040">Home v3: 3 Column with Blog</a></li>
<li id="menu-item-2291" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2291"><a href="http://localhost/kriesi/enfold/?page_id=1070">Home v4: Small Slider</a></li>
<li id="menu-item-2288" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2288"><a href="http://localhost/kriesi/enfold/?page_id=1097">Home v5: Portfolio Style</a></li>
<li id="menu-item-2287" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2287"><a href="http://localhost/kriesi/enfold/?page_id=1023">Home v6: Classic 4 Column</a></li>
<li id="menu-item-2289" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2289"><a href="http://localhost/kriesi/enfold/?page_id=2251">Home v7: One Page Portfolio</a></li>
<li id="menu-item-2208" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2208"><a href="http://localhost/kriesi/enfold/?page_id=2207">Home v8: Frontpage Shop</a></li>
</ul>
</li>
<li id="menu-item-2272" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2272"><a href="http://localhost/kriesi/enfold/?page_id=2270">Portfolio</a>
<ul class="sub-menu">
<li id="menu-item-2273" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2273"><a href="http://localhost/kriesi/enfold/?page_id=987">Portfolio 2 Column</a></li>
<li id="menu-item-2274" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2274"><a href="http://localhost/kriesi/enfold/?page_id=992">Portfolio 3 Column</a></li>
<li id="menu-item-2276" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2276"><a href="http://localhost/kriesi/enfold/?page_id=2270">Portfolio 4 Column</a></li>
<li id="menu-item-2277" class="menu-item menu-item-type-post_type menu-item-object-portfolio menu-item-2277"><a href="http://localhost/kriesi/enfold/?portfolio=slider-two-third">Single Portfolio: 2/3 Slider</a></li>
<li id="menu-item-2290" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2290"><a href="http://localhost/kriesi/enfold/?page_id=2269">Portfolio Ajax</a></li>
<li id="menu-item-2278" class="menu-item menu-item-type-post_type menu-item-object-portfolio menu-item-2278"><a href="http://localhost/kriesi/enfold/?portfolio=lorem-ipsum">Single Portfolio: 2/3 Gallery</a></li>
<li id="menu-item-2279" class="menu-item menu-item-type-post_type menu-item-object-portfolio menu-item-2279"><a href="http://localhost/kriesi/enfold/?portfolio=portfolio-big">Single Portfolio: Big Slider</a></li>
<li id="menu-item-2280" class="menu-item menu-item-type-post_type menu-item-object-portfolio menu-item-2280"><a href="http://localhost/kriesi/enfold/?portfolio=vimeo-video">Single Portfolio: Fullscreen Slider</a></li>
</ul>
</li>
<li id="menu-item-2271" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2271"><a href="http://localhost/kriesi/enfold/?page_id=731">Blog</a>
<ul class="sub-menu">
<li id="menu-item-2306" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2306"><a href="http://localhost/kriesi/enfold/?page_id=1336">Blog Grid</a></li>
<li id="menu-item-2284" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2284"><a href="http://localhost/kriesi/enfold/?page_id=1010">Blog Multi Author</a></li>
<li id="menu-item-2283" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2283"><a href="http://localhost/kriesi/enfold/?page_id=1012">Blog Single Author Small</a></li>
<li id="menu-item-2282" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2282"><a href="http://localhost/kriesi/enfold/?page_id=1014">Blog Single Author Big</a></li>
<li id="menu-item-2281" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2281"><a href="http://localhost/kriesi/enfold/?page_id=1016">Blog Single Author Fullwidth</a></li>
</ul>
</li>
<li id="menu-item-2293" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2293"><a href="http://localhost/kriesi/enfold/?page_id=1122">Pages</a>
<ul class="sub-menu">
<li id="menu-item-2295" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2295"><a href="http://localhost/kriesi/enfold/?page_id=1195">About Us</a></li>
<li id="menu-item-2299" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2299"><a href="http://localhost/kriesi/enfold/?page_id=1236">Blank Pages</a>
<ul class="sub-menu">
<li id="menu-item-2302" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2302"><a href="http://localhost/kriesi/enfold/?page_id=1236">What is a Blank Page?</a></li>
<li id="menu-item-2300" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2300"><a href="http://localhost/kriesi/enfold/?page_id=1261">Maintenance Mode</a></li>
<li id="menu-item-2301" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2301"><a href="http://localhost/kriesi/enfold/?page_id=1248">Coming Soon</a></li>
</ul>
</li>
<li id="menu-item-2297" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2297"><a href="http://localhost/kriesi/enfold/?page_id=1167">Contact</a></li>
<li id="menu-item-2303" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2303"><a href="http://localhost/kriesi/enfold/?page_id=1277">FAQ</a></li>
<li id="menu-item-2298" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2298"><a href="http://localhost/kriesi/enfold/?page_id=1224">Help</a></li>
<li id="menu-item-2305" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2305"><a href="http://localhost/kriesi/enfold/?page_id=1324">Landing Page</a></li>
<li id="menu-item-2294" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2294"><a href="http://localhost/kriesi/enfold/?page_id=1212">Meet the Team</a></li>
<li id="menu-item-2296" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2296"><a href="http://localhost/kriesi/enfold/?page_id=1176">Pricing</a></li>
<li id="menu-item-2304" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2304"><a href="http://localhost/kriesi/enfold/?page_id=1302">Services</a></li>
</ul>
</li>
<li id="menu-item-2275" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2275"><a href="http://localhost/kriesi/enfold/?page_id=750">Shortcodes</a></li>
<li id="menu-item-2309" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2309"><a href="http://localhost/kriesi/enfold/?page_id=2307">A.Test</a></li>
<li id="menu-item-2354" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2354"><a href="http://localhost/kriesi/enfold/?page_id=2343">Shop</a></li>
</ul><div class="phone-info with_nav"><span>302-312456</span></div></div> </div>
</div>
<div id="header_main" class="container_wrap container_wrap_logo">
<ul class="cart_dropdown visible_cart" data-success="was added to the cart"><li class="cart_dropdown_first"><a class="cart_dropdown_link" href="http://localhost/kriesi/enfold/?page_id=2344"><span class="avia-font-entypo-fontello"></span></a><!--<span class='cart_subtotal'><span class="amount">£9.99</span></span>--><div class="dropdown_widget dropdown_widget_cart" style="display: none; opacity: 0;"><div class="avia-arrow"></div><div class="widget_shopping_cart_content">
<ul class="cart_list product_list_widget ">
<li>
<a href="http://localhost/kriesi/enfold/?product=mini-product">
<img width="120" height="120" src="http://localhost/kriesi/enfold/wp-content/uploads/2012/04/24-120x120.jpg" class="attachment-shop_thumbnail wp-post-image" alt="2">
Mini Product
</a>
<span class="quantity">1 × <span class="amount">£9.99</span></span> </li>
</ul><!-- end product list -->
<p class="total"><strong>Subtotal:</strong> <span class="amount">£9.99</span></p>
<p class="buttons">
<a href="http://localhost/kriesi/enfold/?page_id=2344" class="button">View Cart →</a>
<a href="http://localhost/kriesi/enfold/?page_id=2345" class="button checkout">Checkout →</a>
</p>
</div></div></li></ul>
<div class="container" style="height: 116px; line-height: 116px;">
<strong class="logo bg-logo"><a href="http://localhost/kriesi/enfold/"><img src="http://localhost/kriesi/enfold/wp-content/themes/enfold/images/layout/logo.png" alt="" title="Enfold"></a></strong><div class="main_menu" data-selectname="Select a page"><div class="menu-main-menu-container"><ul id="menu-main-menu-1" class="menu"><li id="menu-item-755" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent active-parent-item dropdown_ul_available"><a href="http://kriesi.at/themes/enfold/" style="height: 116px; line-height: 116px;"><span class="avia-bullet"></span>Home<span class="avia-menu-fx"><span class="avia-arrow-wrap"><span class="avia-arrow"></span></span></span><span class="dropdown_available"></span></a>
<ul class="sub-menu" style="display: block; opacity: 0; visibility: hidden;">
<li id="menu-item-2285" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-734 current_page_item"><a href="http://localhost/kriesi/enfold/"><span class="avia-bullet"></span>Home v1: Landing Page Style</a></li>
<li id="menu-item-2292" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/kriesi/enfold/?page_id=1108"><span class="avia-bullet"></span>Home v2: 3 Col + Contact</a></li>
<li id="menu-item-2286" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/kriesi/enfold/?page_id=1040"><span class="avia-bullet"></span>Home v3: 3 Column with Blog</a></li>
<li id="menu-item-2291" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/kriesi/enfold/?page_id=1070"><span class="avia-bullet"></span>Home v4: Small Slider</a></li>
<li id="menu-item-2288" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/kriesi/enfold/?page_id=1097"><span class="avia-bullet"></span>Home v5: Portfolio Style</a></li>
<li id="menu-item-2287" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/kriesi/enfold/?page_id=1023"><span class="avia-bullet"></span>Home v6: Classic 4 Column</a></li>
<li id="menu-item-2289" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/kriesi/enfold/?page_id=2251"><span class="avia-bullet"></span>Home v7: One Page Portfolio</a></li>
<li id="menu-item-2208" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/kriesi/enfold/?page_id=2207"><span class="avia-bullet"></span>Home v8: Frontpage Shop</a></li>
</ul>
</li>
<li id="menu-item-2272" class="menu-item menu-item-type-post_type menu-item-object-page dropdown_ul_available"><a href="http://localhost/kriesi/enfold/?page_id=2270" style="height: 116px; line-height: 116px;"><span class="avia-bullet"></span>Portfolio<span class="avia-menu-fx"><span class="avia-arrow-wrap"><span class="avia-arrow"></span></span></span><span class="dropdown_available"></span></a>
<ul class="sub-menu" style="display: block; opacity: 0.04312729975283146; visibility: visible;">
<li id="menu-item-2273" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/kriesi/enfold/?page_id=987"><span class="avia-bullet"></span>Portfolio 2 Column</a></li>
<li id="menu-item-2274" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/kriesi/enfold/?page_id=992"><span class="avia-bullet"></span>Portfolio 3 Column</a></li>
<li id="menu-item-2276" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/kriesi/enfold/?page_id=2270"><span class="avia-bullet"></span>Portfolio 4 Column</a></li>
<li id="menu-item-2277" class="menu-item menu-item-type-post_type menu-item-object-portfolio"><a href="http://localhost/kriesi/enfold/?portfolio=slider-two-third"><span class="avia-bullet"></span>Single Portfolio: 2/3 Slider</a></li>
<li id="menu-item-2290" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/kriesi/enfold/?page_id=2269"><span class="avia-bullet"></span>Portfolio Ajax</a></li>
<li id="menu-item-2278" class="menu-item menu-item-type-post_type menu-item-object-portfolio"><a href="http://localhost/kriesi/enfold/?portfolio=lorem-ipsum"><span class="avia-bullet"></span>Single Portfolio: 2/3 Gallery</a></li>
<li id="menu-item-2279" class="menu-item menu-item-type-post_type menu-item-object-portfolio"><a href="http://localhost/kriesi/enfold/?portfolio=portfolio-big"><span class="avia-bullet"></span>Single Portfolio: Big Slider</a></li>
<li id="menu-item-2280" class="menu-item menu-item-type-post_type menu-item-object-portfolio"><a href="http://localhost/kriesi/enfold/?portfolio=vimeo-video"><span class="avia-bullet"></span>Single Portfolio: Fullscreen Slider</a></li>
</ul>
</li>
<li id="menu-item-2271" class="menu-item menu-item-type-post_type menu-item-object-page dropdown_ul_available"><a href="http://localhost/kriesi/enfold/?page_id=731" style="height: 116px; line-height: 116px;"><span class="avia-bullet"></span>Blog<span class="avia-menu-fx"><span class="avia-arrow-wrap"><span class="avia-arrow"></span></span></span><span class="dropdown_available"></span></a>
<ul class="sub-menu" style="display: block; opacity: 0.1942984329350293; visibility: visible;">
<li id="menu-item-2306" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/kriesi/enfold/?page_id=1336"><span class="avia-bullet"></span>Blog Grid</a></li>
<li id="menu-item-2284" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/kriesi/enfold/?page_id=1010"><span class="avia-bullet"></span>Blog Multi Author</a></li>
<li id="menu-item-2283" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/kriesi/enfold/?page_id=1012"><span class="avia-bullet"></span>Blog Single Author Small</a></li>
<li id="menu-item-2282" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/kriesi/enfold/?page_id=1014"><span class="avia-bullet"></span>Blog Single Author Big</a></li>
<li id="menu-item-2281" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/kriesi/enfold/?page_id=1016"><span class="avia-bullet"></span>Blog Single Author Fullwidth</a></li>
</ul>
</li>
<li id="menu-item-2293" class="menu-item menu-item-type-post_type menu-item-object-page dropdown_ul_available"><a href="http://localhost/kriesi/enfold/?page_id=1122" style="height: 116px; line-height: 116px;"><span class="avia-bullet"></span>Pages<span class="avia-menu-fx"><span class="avia-arrow-wrap"><span class="avia-arrow"></span></span></span><span class="dropdown_available"></span></a>
<ul class="sub-menu" style="display: block; opacity: 0; visibility: hidden;">
<li id="menu-item-2295" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/kriesi/enfold/?page_id=1195"><span class="avia-bullet"></span>About Us</a></li>
<li id="menu-item-2299" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/kriesi/enfold/?page_id=1236"><span class="avia-bullet"></span>Blank Pages</a>
<ul class="sub-menu" style="display: block; opacity: 0; visibility: hidden;">
<li id="menu-item-2302" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/kriesi/enfold/?page_id=1236"><span class="avia-bullet"></span>What is a Blank Page?</a></li>
<li id="menu-item-2300" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/kriesi/enfold/?page_id=1261"><span class="avia-bullet"></span>Maintenance Mode</a></li>
<li id="menu-item-2301" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/kriesi/enfold/?page_id=1248"><span class="avia-bullet"></span>Coming Soon</a></li>
</ul>
</li>
<li id="menu-item-2297" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/kriesi/enfold/?page_id=1167"><span class="avia-bullet"></span>Contact</a></li>
<li id="menu-item-2303" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/kriesi/enfold/?page_id=1277"><span class="avia-bullet"></span>FAQ</a></li>
<li id="menu-item-2298" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/kriesi/enfold/?page_id=1224"><span class="avia-bullet"></span>Help</a></li>
<li id="menu-item-2305" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/kriesi/enfold/?page_id=1324"><span class="avia-bullet"></span>Landing Page</a></li>
<li id="menu-item-2294" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/kriesi/enfold/?page_id=1212"><span class="avia-bullet"></span>Meet the Team</a></li>
<li id="menu-item-2296" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/kriesi/enfold/?page_id=1176"><span class="avia-bullet"></span>Pricing</a></li>
<li id="menu-item-2304" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/kriesi/enfold/?page_id=1302"><span class="avia-bullet"></span>Services</a></li>
</ul>
</li>
<li id="menu-item-2275" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/kriesi/enfold/?page_id=750" style="height: 116px; line-height: 116px;"><span class="avia-bullet"></span>Shortcodes<span class="avia-menu-fx"><span class="avia-arrow-wrap"><span class="avia-arrow"></span></span></span></a></li>
<li id="menu-item-2309" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/kriesi/enfold/?page_id=2307" style="height: 116px; line-height: 116px;"><span class="avia-bullet"></span>A.Test<span class="avia-menu-fx"><span class="avia-arrow-wrap"><span class="avia-arrow"></span></span></span></a></li>
<li id="menu-item-2354" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/kriesi/enfold/?page_id=2343" style="height: 116px; line-height: 116px;"><span class="avia-bullet"></span>Shop<span class="avia-menu-fx"><span class="avia-arrow-wrap"><span class="avia-arrow"></span></span></span></a></li>
<li id="menu-item-search" class="noMobile menu-item menu-item-search-dropdown"><a href="?s=" data-avia-search-tooltip="
<form action="http://localhost/kriesi/enfold/" id="searchform" method="get">
<div>
<input type="submit" value="🔍" id="searchsubmit" class="button"/>
<input type="text" id="s" name="s" value="" placeholder='Search' />
</div>
</form>" style="height: 116px; line-height: 116px;">August 1, 2013 at 3:31 am #132246Thanks for the help. I’ll give it a try and see how it goes.
August 2, 2013 at 12:28 pm #132247Good luck, it will be a bit of a trick but may be doable with a bit of hacking things.
-
AuthorPosts
- The topic ‘How to add Enfold Menu to non-WordPress pages?’ is closed to new replies.