The theme layout encompasses essential elements, including a versatile header, a footer, and a mobile menu. Notably, you have the flexibility to incorporate multiple headers, footers, and mobile menus, each assignable to different posts or pages. This dynamic feature ensures that your site is not confined to a single, static header or footer, allowing for diverse and customized layouts across various sections of your website. This adaptability enhances the overall visual appeal and functionality of your site, catering to different content and presentation needs. All theme layout items are editable in SPINNR.

Managing your headers, footers, and mobile menus

Navigate to your specific theme layout by accessing the SPINNR menu located in the sidebar. You can add, modify, or remove headers, footers, or mobile menus.

<aside> ⚠️ You need to have at least one header, footer, and mobile menu to be used as default. SPINNR will automatically create you one if it was deleted.

</aside>

While modifying your headers, footers, and mobile menu, approach it like any other SPINNR page. Utilize the wp-menus component to seamlessly incorporate dynamic menus into these sections.

<aside> ℹ️ For headers and mobile menus, you can use the functions openMobileMenu() and closeMobileMenu() and attach it to an onclick attribute of a link or a button. These functions are responsible for opening and closing the mobile menu.

</aside>

Assigning header, footer, and mobile menu to a page

The availability of multiple headers, footers, and mobile menus provides the flexibility to assign distinct layouts to pages or post types beyond the default settings. Easily choose the desired header, footer, and/or mobile menu for a specific page or post type directly from the WordPress editor screen. These options should be found below page attributes.

Setting the default header, footer, and mobile menu

When dealing with numerous headers, footers, and/or mobile menus, designating a default option is a breeze. Just click on the "Set as Default" link for your chosen item to effortlessly establish it as the default selection.

<aside> ℹ️ Changing the default header, footer, or mobile menu only impacts pages that used the default setting. Pages with different settings remain unchanged.

</aside>