Possible to create a Nav Bar floating near the bottom?

Hey gb,

Thank you for the inquiry.

This should be possible with a Fullwidth Submenu element. Please add the element in the page, go to the Advanced > Developer Settings panel, then add the class name “av-floating-sub-menu” in the Custom CSS Class field. Afterwards, add the following css code to make the submenu float at the bottom of the page.

#top .av-floating-sub-menu {
    position: fixed !important;
    bottom: 50px;
    width: 70%;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 50px;
    top: auto !important;
}

If you want the submenu to display on all pages without manually adding it in the editor, extract the shortcode of the element by enabling the debug mode, then use template hooks such as ava_after_content_templatebuilder_page.

add_action('ava_after_content_templatebuilder_page', function() {
  // place the submenu shortcode here 
}, 10);

To enable the debug mode, please check the documentation below.

// https://kriesi.at/documentation/enfold/intro-to-layout-builder/#debug-mode

Best regards,
Ismael

Hi,

Great, I’m glad that Ismael could help you out. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard