Beginning from version 2.1.2, the Foxiz theme supports the creation of a mobile header using the template, enabling easier customization of your website’s layout.
To get started, follow the steps below:
- Create your template and copy the shortcode of the template, please navigate to Dashboard > Ruby Templates. To create a template, you can refer to this documentation: Ruby Templates
- In the Elementor control panel, search to the “mobile”.
Foxiz – Mobile Collapse Toggle block, Foxiz – Mobile Search Icon block, Foxiz – Mobile Mini Cart Icon block: Those blocks are designed specifically for the Header template on mobile/tablet devices. Avoid using it for other areas to ensure the proper functioning of this feature. - After searching to the “mobile” section, you can drag and drop blocks inside.
- You can rearrange the placement of those blocks to create your own custom header layout
To add a template, follow the steps below:
- Copy the shortcode of the template, please navigate to Dashboard > Ruby Templates.
- Navigate to Foxiz Admin > Theme Options > Header > Mobile Header > Header Mobile Template Shortcode
- Input the shortcode into the Header Mobile Template Shortcode option
- Click “Save Changes“