<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0"><channel><title><![CDATA[can I design a custom header and navbar and integrate it into the pagebuilder?]]></title><description><![CDATA[<p dir="auto">Hey there <a class="plugin-mentions-user plugin-mentions-a" href="https://community.appdrag.com/uid/2">@Wassim</a> <img src="https://community.appdrag.com/plugins/nodebb-plugin-emoji/emoji/android/1f642.png?v=lfk1vimvd74" class="not-responsive emoji emoji-android emoji--slightly_smiling_face" title=":)" alt="🙂" /><br />
I want to design a custom header and navbar...using the html/css/js blocks? question being how I avoid deactivating the builder for the page completely? I keep on accidentally deactivating the actual builder when I try <img src="https://community.appdrag.com/plugins/nodebb-plugin-emoji/emoji/android/1f642.png?v=lfk1vimvd74" class="not-responsive emoji emoji-android emoji--slightly_smiling_face" title=":)" alt="🙂" /> what in the following code do I need to keep in order not to mess with the actual builder?</p>
<p dir="auto">&lt;section class="appallin-universal-section  appallin-universal-navbar appallin-universal-navbar-dark small-height visible-md visible-lg visible-sm visible-xs section-hovered" style="background-color: rgb(255, 255, 255); padding: 0px 0px 10px !important; margin: 0px !important;" margin-desktop-top="0" margin-desktop-bottom="0" margin-desktop-left="0" margin-desktop-right="0" padding-desktop-top="0" padding-desktop-bottom="10" padding-desktop-left="0" padding-desktop-right="0" id="ui-id-1" category="Headers / Footers" market-id="3699097" owner-id="25"&gt;</p>
]]></description><link>https://community.appdrag.com/topic/742/can-i-design-a-custom-header-and-navbar-and-integrate-it-into-the-pagebuilder</link><generator>RSS for Node</generator><lastBuildDate>Wed, 15 Jul 2026 04:03:54 GMT</lastBuildDate><atom:link href="https://community.appdrag.com/topic/742.rss" rel="self" type="application/rss+xml"/><pubDate>Wed, 10 Mar 2021 14:17:40 GMT</pubDate><ttl>60</ttl><item><title><![CDATA[Reply to can I design a custom header and navbar and integrate it into the pagebuilder? on Tue, 23 Mar 2021 12:45:25 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="https://community.appdrag.com/uid/2">@Wassim</a> yup that worked thanks Wassim <img src="https://community.appdrag.com/plugins/nodebb-plugin-emoji/emoji/android/1f642.png?v=lfk1vimvd74" class="not-responsive emoji emoji-android emoji--slightly_smiling_face" title=":)" alt="🙂" /></p>
]]></description><link>https://community.appdrag.com/post/3139</link><guid isPermaLink="true">https://community.appdrag.com/post/3139</guid><dc:creator><![CDATA[Linda MacDonald]]></dc:creator><pubDate>Tue, 23 Mar 2021 12:45:25 GMT</pubDate></item><item><title><![CDATA[Reply to can I design a custom header and navbar and integrate it into the pagebuilder? on Tue, 23 Mar 2021 07:16:12 GMT]]></title><description><![CDATA[<p dir="auto">Hi,<br />
Have you tried to add another navbar inside a section only visible on mobile &amp; table?</p>
]]></description><link>https://community.appdrag.com/post/3136</link><guid isPermaLink="true">https://community.appdrag.com/post/3136</guid><dc:creator><![CDATA[Wassim]]></dc:creator><pubDate>Tue, 23 Mar 2021 07:16:12 GMT</pubDate></item><item><title><![CDATA[Reply to can I design a custom header and navbar and integrate it into the pagebuilder? on Mon, 22 Mar 2021 08:24:19 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="https://community.appdrag.com/uid/2">@Wassim</a> love the mega menu but would like to hide it on mobile and just use a normal navigation element there, but I cannot seem to be able to add another navbar for mobile-only...if I add another navbar the mega menu disappears. Is there a way to do it?</p>
<p dir="auto">thanks in advance<br />
Linda</p>
]]></description><link>https://community.appdrag.com/post/3129</link><guid isPermaLink="true">https://community.appdrag.com/post/3129</guid><dc:creator><![CDATA[Linda MacDonald]]></dc:creator><pubDate>Mon, 22 Mar 2021 08:24:19 GMT</pubDate></item><item><title><![CDATA[Reply to can I design a custom header and navbar and integrate it into the pagebuilder? on Fri, 12 Mar 2021 19:52:03 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="https://community.appdrag.com/uid/2">@Wassim</a> cool thanks <img src="https://community.appdrag.com/plugins/nodebb-plugin-emoji/emoji/android/1f642.png?v=lfk1vimvd74" class="not-responsive emoji emoji-android emoji--slightly_smiling_face" title=":)" alt="🙂" /></p>
]]></description><link>https://community.appdrag.com/post/3065</link><guid isPermaLink="true">https://community.appdrag.com/post/3065</guid><dc:creator><![CDATA[Linda MacDonald]]></dc:creator><pubDate>Fri, 12 Mar 2021 19:52:03 GMT</pubDate></item><item><title><![CDATA[Reply to can I design a custom header and navbar and integrate it into the pagebuilder? on Thu, 11 Mar 2021 07:13:14 GMT]]></title><description><![CDATA[<p dir="auto">Hi Linda,<br />
I recommand you not to edit directly a section source code but use source code embed components.<br />
You can find an example in the "add component &gt; sections &gt; header footer &gt; megamenu" it will give you all the logic you need to build a custom menu <img src="https://community.appdrag.com/plugins/nodebb-plugin-emoji/emoji/android/1f642.png?v=lfk1vimvd74" class="not-responsive emoji emoji-android emoji--slightly_smiling_face" title=":)" alt="🙂" /></p>
]]></description><link>https://community.appdrag.com/post/3037</link><guid isPermaLink="true">https://community.appdrag.com/post/3037</guid><dc:creator><![CDATA[Wassim]]></dc:creator><pubDate>Thu, 11 Mar 2021 07:13:14 GMT</pubDate></item></channel></rss>