can I design a custom header and navbar and integrate it into the pagebuilder?

[Linda MacDonald]

Hey there @Wassim
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 what in the following code do I need to keep in order not to mess with the actual builder?

<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">

[Wassim]

Hi Linda,
I recommand you not to edit directly a section source code but use source code embed components.
You can find an example in the "add component > sections > header footer > megamenu" it will give you all the logic you need to build a custom menu

[Linda MacDonald]

@Wassim cool thanks

[Linda MacDonald]

This post is deleted!

[Linda MacDonald]

@Wassim 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?

thanks in advance
Linda

[Wassim]

Hi,
Have you tried to add another navbar inside a section only visible on mobile & table?

[Linda MacDonald]

@Wassim yup that worked thanks Wassim