How To Save An Elementor Page As A Template

Here’s how to save your page as a template:

1. Edit the WordPress page that you want to save as a template.
2. Once you open the page on the left side, near the Update button, you’ll find a down arrow icon and click on it.
3. You will be shown two options. Select “Save as Template.”
4. Give the template a suitable name as your wish.
5. Click Save. The template will then be saved to your Elementor template library under the name you chose.

How to insert a saved elementor template to a page:

1. Create a new page or navigate to the existing page where you want to insert the template.
2. Click the Folder icon.
3. Select My Templates to browse your saved templates.
4. Click Insert next to the template you want to add.
5. You will get a popup with two options. Click the ‘Don’t apply‘ option.
6. That’s it.

Organizing the Menu items as per your requirement:

1. Once you’ve added items to your menu, you can easily drag and drop them to arrange them in the desired order.
2. When you drag an item to the right of another item, you can create sub-menu.
3. Sub-menu will appear as dropdown menus when the corresponding main menu item is clicked.

The main reason for the mobile menu malfunction is: you might not created a menu for Mobile navigation

To make your Hamburger menu or
Mobile menu to work follow these simple steps:

1. Click on Appearance.
2. Select Menus.
3. Select the menu to edit.
4. And select “Mobile Navigation” in Display location.
5. Only if you select Mobile Navigation in Display location your Mobile menu/Hamburger menu will be displayed on mobile view.
6. Click on Save Menu.

A well-designed mobile menu ensures that your visitors can easily navigate through your website, leading to higher engagement and conversions. If you’re wondering how to create a mobile menu in WordPress, follow the below steps.

Steps to create a mobile menu for Apper Theme in WordPress:

1. Click on Appearance  -> Menus
2. Under Menu structure type the menu name in the “Menu Name” option
3. Click on Create menu
4. Select the menu items you want from the left column and click on Add to Menu button to add to the “Menu structure“.
5. Under Menu Settings select “Mobile Navigation” under Display location
6. Click on Save Menu.

Creating menus on your website is easy with CodBe WordPress Theme, from simple dropdowns to complex mega menus, thanks to the theme’s built-in mega menu features.

Building a simple dropdown menu is straightforward: just drag menu items and sub-menu items to the right “Menu structure“.

For mega menus, expand the menu, select ‘Enable Mega Menu,’ and choose the desired number of columns.

You can then create your columns and the submenus or column contents as shown below.

You can also add an image via WordPress widget or insert any widget in to a column by selecting the sidebar from the dropdown as shown below

In the CodBe theme, there are 2 different header styles: Light version and Dark version. You can set global page header styles under “Page Header Builder”.

You can also set the default menu style for all pages under CodBe Options -> Page Header Settings -> Set default menu version for pages.

To add your logo for dark header style,

Go to Appearance > CodBe Options > Main/Menu Header Settings > Logo dark version.

Click Upload button and select and upload your logo from your local computer.

To add your logo for light header style,

Go to Appearance > CodBe Options > Main/Menu Header Settings > Logo light version.

Click Upload button and select and upload your logo from your local computer.

Here’s how to customize the header style displayed across your website:

The CodBe theme offers four styles, and each style can be customized separately.

1. Navigate to Appearance > CodBe Options > Page Header Builder > Default Page Header.
2. Choose the header banner style you want to use.
3. Customize the colors of the selected banner style as you wish.
4. Note: This default style will be applied to all pages. However, you can select unique page header style for specific pages under the “CodBe page settings” option within each page’s edit window. This feature is explained in more detail below.

Customizing page header styles for specific page

1. Navigate to Pages -> All Pages and Edit the specific page that you want to set a different header style.
2. You can set the header banner style under CodBe page Settings -> Header.
3. Select the banner style and click Save Changes.
4. This will be applied only to that specific page.

To customize footer heights and other adjustments, navigate to Appearance -> CobBe Options -> Footer Settings -> Footer Top Styles.

Here, you’ll find options to adjust the width of the columns and padding for both the top and bottom of the footer.

Simply adjust the width and padding to your liking.

To customize the text and social icons in Footer bootom

Navigate to Appearance -> CodBe Options -> Footer Settings -> Footer Bottom Styles.

Here you can edit various elements of the footer, including typography, text color, link text color, content for the left column, and content for the right column.

You can also find options to display or hide social icons.

To change the logo in footer

1. Navigate to Appearance -> Widgets.
2. Under Footer 1 you can find the Image widget.
3. Then click Replace Image and change it to your logo.
4. Click the Save button.
5. If you want to link the logo to the home page or some other page, you can also set the link in “Link to:“