How to change the Site Logo?
This theme supports the default Site Identity section provided by WordPress. Site Identity A Logo can be uploaded and changed to best suit your site. From your WordPress Dashboard, go to the Appearance Customize Header & Navigation Site Identity section. Now click on Select logo and pick a fitting logo for your site. If you are dissatisfied with your logo, you can use the buttons below it to Change logo or Remove it. Click on Publish. It is shownSome readersPrimary Menu Overview
This theme provides you with various options to customize the Primary Menu of your site. It includes the following options: General Enable - Toggle the option to the right side, which will display the Primary Menu on the header area. Enable Primary Menu Priority Plus Navigation - It disSome readersHow to Add a Retina Logo?
With Zakra theme version 1.4.8, a new option has been introduced which allows users to upload a Retina (High Definition) version of the logo. This option will ensure that the logo you upload won't look blurred on a high definition screen. To upload a Retina Logo, follow the steps as mentioned below: From your WordPress Dashboard, go to the Appearance Customize Header & Navigation Site Identity section. Find the Retina Logo option. Click on *Few readersHow to style the header media CTA?
With Zakra Pro 1.2.5, we have introduced styling options for header media CTA, which you can use to change the look and feel of the header media CTA. CTA Enable : Switch the Toggle to the right area to enable the CTA on the header media. Layout : It allows changing the Layout of the CTA content. You can adjust the content to be align Left, Right and Center. CTA Enable with Center Content LayoutFew readersHeader Media Overview (Pro)
The Zakra Pro plugin adds more features/options for header media. The available features/options are listed below: Header Media Position: We have provided three options to choose from: Below Header: Header Media on bottom, logo and menu on top. Header Media Position: Below Header Above Header: HFew readersHow to Display a Different Logo on Mobile? (Pro)
Generally, you might want to use a larger logo on the desktop. However, displaying the same logo on mobile might not be a good idea. That’s because the logo used on the desktop might not appear good on the mobile. Another reason to use a different logo on mobile is that loading a comparatively small logo on mobile will save bandwidth in case your site is loading without a Wi-Fi connection. So, how do you display a different logo on a mobile? No worries, Zakra has exactly the feature you areFew readersShow Header Button in Mobile (Pro)
Zakra Pro has a feature to add 2 header buttons. In Mobile, those buttons would appear inside the mobile menu as menu items. From version 1.4.0, Zakra Pro has introduced a new feature Button on the mobile menu on both Header Button and Header Button Two. Using this feature, you can show buttons on the mFew readersHow to remove the Primary Menu?
The Zakra theme allows you to completely remove the Primary Menu section from your site. Just follow these steps to do so: From your WordPress Dashboard, go to the Appearance Customize Header & Navigation Primary Menu section. Switch the Enable Toggle to the left area to disable the primary menu from the header area. It is shown in the image below: Disable Primary Menu (https://storage.crisp.chat/users/helpdesk/website/13f4d7c1b96d0000/zakra-disable-primary-menueFew readersHow to change the Site Title and Tagline?
The Site Title and Tagline can be added and changed to best suit your website. From your WordPress Dashboard, go to the Appearance Customize Header Site Identity section. Insert the required Title and Tagline in their respective fields. Click on Publish. In order to make the Site Title and Tagline visible, make sure the Display Site Title and Tagline option underneath the Tagline field is checked. It is shown in the image below: (https://storFew readersHow to keep all the Menu Items in one line?
If you have a long menu and want to keep all the menu items in a single line, then you can do the following: From your WordPress Dashboard, go to the Appearance Customize Header &Navigation Primary Menu section. Switch the Toggle to the right area Priority plus navigation option. The part of the menu that didn't fit in the line can be accessed by clicking on the more options icon ( i.e., three vertical dots). Click on Publish. It is shown in the image below:Some readersHow to change the Header Media?
This theme supports the Header Media options that WordPress has provided. Go to Appearance Customize Header & Navigation Header Media section. Click on Add new image/ video to upload the required image/video for your header. Click on Publish. It is shown in the image below: Adding Header Image (Few readersHow to change the typography of the Site Title and Tagline?
With Zakra, you can also change the typography of the Site Title and Tagline for your website. Just do the following: From your WordPress Dashboard, navigate to the Appearance Customize Header Site Identity section. Under Site Title, choose the appropriate options such as Font Family, Variant, Font Size, and Line Height. Under Tagline, choose the appropriate options such as Font Family, Variant, Subset(s), Font Size, and Line Height. Click on Publish. ItFew readersPrimary Menu Overview (Pro)
The Zakra Pro Add-On comes with additional options for customizing the Primary Menu of your site. Style Background: Use Background Color to choose a color for the background of the menu or choose an image using Background Image.PopularHeader Top Bar Overview
Zakra allows you to customize the header as per your needs. You can add different types of content and style it as you like. Explore all header options, and you will be able to create an attractive header for your site. This theme provides you with the following options in the Header Top Bar. Enable Header Top Bar Add left orFew readersHow to change the typography of Menu?
If you have the Primary Menu and Mobile Menu enabled for your site, Zakra theme allows you to change their typography as well. Primary Menu Choose the customization for primary menu fonts such as Font Family, Variant, Font Size, and Line Height. Choose the customization for the drop-down sub-menu of the primary menu. It is shown in the image below: Primary Meny Typography (https:Few readersPrimary Menu : Menu Item Overview (Pro)
You have additional customization options for items in your Primary Menu in the Zakra Pro Add-On. The options are as follows: Layout Layout 2 With the layout 2 option available, you can display the primary menuFew readersHow to enable the Header Top Bar?
Header Top Bar From your WordPress Dashboard, go to Appearance Customize Header & Navigation Header Top Bar. Toggle on the Enable Header Top Bar option to reveal the header top bar options. Click on Publish. It is shown in the image below: Enable Header Top Bar You might not see any changes just after enabling the Header Top Bar. In that case, you will hFew readersHow to add content on the Header Top Bar?
Header Top Bar First of all, make sure that the Header Top Bar is enabled. How to enable the Header Top Bar? From your WordPress Dashboard, go to the Appearance Customize Header Header Top Bar section. Underneath the Left Content/Right Content options, you can use the dropdown menu to select one from the Text/HTML, Menu and Widget. If you choose Text/HTML in thePopularPrimary Menu : Dropdown Overview (Pro)
With the Zakra Pro Add-On, you can also customize the Dropdown Menu from the Primary Menu of your site. It comes with the following options: Width: Select the width of the Dropdown Menu. It is shown in the image below: 2. Background Color: Choose the color for the background of *Dropdown MenuFew readersHow to remove the search icon from the Header Main Area?
To remove the Search Icon on your Header, follow these steps: From your WordPress Dashboard, go to the Appearance Customize Header & Navigation Header Search section. Toggle off the Enable Search Icon option. Click on Publish. It is shown in the images below: Enable Header Search) Disable Header Search (https://storage.crisp.chat/users/helpdesk/wePopularHeader Main Area Overview
This theme provides you with the following options in the Main Header. Layout The theme allows customizing the main header area with various layouts. Currently, there are two layout styles, each with multiple styles/designs for displaying the header area. The options are listed below: Layout 1: Layout 1 allows switching the Site Identity and Navigation Menu position. It provided three styles to display theFew readersPrimary Menu : Dropdown Item Overview (Pro)
With the Zakra Pro Add-On, it is possible to configure how the items in the Dropdown Menu of your Primary Menu appear. You will have access to the following options: General Width: It adjust the width of the sub-menu. Style Background: It sets the background color for the sub menu area. You can add a Background Color or an Image to the sub menu area. Change Background ColoFew readersMobile Menu Overview (Pro)
The Zakra Pro Add-On enables you to have a separate Mobile Menu in place of your default menu. It comes with the following options: Toggle Menu Breakpoint Background Color: Select the background color of the Mobile Menu. It is shown in the image below: ChanPopularHow to change the color of the Site Title and Tagline? (Pro)
You can modify the color of the Site Title as well as the Site Tagline with new options in the Zakra Pro Add-On. Site Title Color: Select the color for the Site Title. Site Title Hover Color: Select the color for the Site Title during Hover mode. It is shown in the image below: Site Tagline Color: SeFew readersHow to change the Mobile Menu Breakpoint Width? (Pro)
The Mobile Menu Breakpoint is an additional customization option with the Zakra Pro Add-On. Using this feature, you can choose the screen width necessary for the Mobile Menu to be triggered. With a larger Breakpoint Width, you can make the mobile menu appear on the desktop. To change the breakpoint width, you need to do the following: Go to the Appearance Customize Header & Navigation Primary Menu Mobile Menu section from your WordPress Dashboard. Select the valuFew readersHeader Button Overview
This theme provides you with an option to add a button on the header, which you can customize as you choose. It includes the following options: General Add Button Text and Link Open link in new tab: This option can be used to open the links in a new tab when the button is clicked. Style Color: Change theFew readersHow to add button in the Header?
Header Button From your WordPress Dashboard, go to Appearance Customize Header & Navigation Button section. Add your text in the Button Text field. Insert the link in the Button Link field to redirect the button to the link. Click on Publish. It is shown in the image below: Adding Button on Header Area (https://storage.crisp.chat/users/helpdesk/website/13f4d7c1b96d0000/zakra-add-buttoPopularHow to change the Toggle Button Style for Mobile Menu? (Pro)
The Zakra Pro Add-On also allows you to change the style of the Toggle Button for the Mobile Menu of your site. To do so, you will need to do the following. Navigate from your WordPress Dashboard to Appearance Customize Header & Navigation Primary Menu Mobile Menu. Find the Style option under the Toggle Button section. From the drop-down menu, pick one of these three available options: Minimal: Three horizontal bars. Fill: Three horizontal bars on aSome readersHow to change the typography of the Header Top Bar? (Pro)
The Zakra Pro Add-On enables you to change the Typography of the Header Top Bar. Widget Title Under Widget Title, choose the appropriate options such as Font Family, Variant, Font Size, Color, and Line Height. It is shown in the image below: Widget Content Under Widget Content, choose the appropriatFew readersHeader Top Bar Overview (Pro)
The Zakra Pro Add-On provides you with the following additional options regarding the Header Top Bar. General Layout The theme allows customizing the Top Bar with various layouts. Currently, there are two layout styles, each with mulPopularHow to change the typography of the Mobile Menu? (Pro)
The Zakra Pro Add-On has additional options for customizing the typography of the Mobile Menu. These options are as follows: Sub Menu Under Sub Menu, choose the appropriate options such as Font FamFew readersHeader Main Area Overview (Pro)
With the Zakra Pro Add-On, you can customize the Header Main Area in a number of new ways. The additional options are as follows: Enable Dual Menu (https://docs.zakratheme.com/en/article/how-to-display-double-menu-on-page-PopularHow to display double menu on page? (Pro)
Zakra Pro provides you with a dual menu feature for your site. This feature allows you to display two menus as left & right menus and site identity centered on the header. Follow the steps below: Navigate to Appearance Customize Header & Navigation Main Header. Under the Layout, choose the Layout 3 and click Publish. Navigate to Appearance Menus, create new menus & click on Left under Display Location for left menu and similarly click on Right forFew readersHow to change the Typography of the Header Button? (Pro)
Using the Zakra Pro Add-On, it is possible to customize the typography of the Header Buttons. Header Button One Under Header Button One, choose the appropriate options such as Font Family, Variant, Font Size, and Line Height. It is shown in the image below: Header Button TwoFew readersHow to select a different design for the Header Main Area on mobile devices? (Pro)
The Zakra Pro Add-On enables you to set where the Site Identity and the Navigation Menu are positioned on the Header Main Area on Mobile Devices. From your WordPress Dashboard, navigate to the Appearance Customize Header Header Main Area section. Select one of the six options underneath Style : Mobile. Click on Publish. Available Mobile Style Options First option: The Default Layout. Second option: Site Identity on the Left andFew readersHow to select where the Header Media is visible? (Pro)
The Zakra Pro Add-On also allows you to set the visibility of your Header Media. To do so, follow these steps. Navigate from your WordPress Dashboard to the Appearance Customize Header & Navigation Header Media section. Use the drop-down list below Header Media Visibility to select one of the three options available. All Pages: It will be visible on all pages of your site. Front Page Only: It will only be visible on the Front Page. Other than Front PagFew readersHow to remove the Cart icon from Header Main Area? (Pro)
The Zakra Pro Add-On also comes with the ability to remove the Cart Icon from your Header Main Area. It can be done with these easy steps. From your WordPress Dashboard, navigate to the Appearance Customize Header & Navigation Main Header section. Toggle off the Enable Header Cart option. It is shown in the images below. With the Cart Icon Enabled. With the CPopularHeader Button Overview? (Pro)
The Zakra Pro Add-On also comes with some additional options when it comes to Header Buttons. Border: Set the size of the border around your Header Button. Border Color: Select the color of the Button border. Border Hover Color:Few readersHeader Button Two Overview (Pro)
Using the Zakra Pro Add-On, you can add another button to your Header. To do so, follow these steps: From your WordPress Dashboard, go to Appearance Customize Header & Navigation Header Button Two section. Add your text in the Button Text field. Insert the link in the Button Link field in order to redirect the button to the link. Click on Publish. It is shown in the image below: Enable Header Button 2 (https://storage.crisp.chat/users/helpdesk/website/13f4d7cFew readersSticky Header Overview (Pro)
The Zakra Pro Add-on allows you to make the Header Sticky and choose different styles for the Sticky Header. It has the following options: Enable Sticky Header Background: Change the background color of a Sticky Header using Background Color or use Background Image to upload a background image instead. Site Title Color: Set the color of the Site title of aFew readersHow to enable Sticky Header for your site? (Pro)
You can have the Sticky Header feature for your site with the Zakra Pro Add-On. Navigate to Appearance Customize Header & Navigation Sticky Header from your WordPress Dashboard. Choose the section you want it to be sticky like Top Bar, Main Header, Full Header Click on Publish. It is shown in the image below. Enable Sticky HeaderFew readersTransparent Header Overview (Pro)
The Zakra Pro Add-on allows you to make the Header transparent and choose different styles for the Transparent Header. It has the following options: Enable Transparent Header Background Color: Change the background color of the Transparent Header. Site Title Color: Select the color of the Site Title of the Transparent Header. Site Title Hover Color: Set the color ofFew readersHow to make the Header Transparent? (Pro)
You can easily make the header of your site transparent if you have the Zakra Pro Add-on. Just follow the steps below: From your WordPress Dashboard, go to Appearance Customize Header & Navigation Transparent Header. Toggle the Enable Transparent Header option on. Click on Publish. It is shown in the image below: Enable Transparent HeaderFew readersHow to change the Logo Height of the site? (Pro)
The Zakra Pro Add-On also enables you to change the height of the logo. Just follow these steps: From your WordPress Dashboard, go to the Appearance Customize Header & Navigation Site Identity section. Change the Logo Height option to select the size of the logo. Click on Publish It is shown in the image below: Change Logo HeightFew readersHow to redirect the Header Media to another web page? (Pro)
With the Zakra Pro Add-On, you can redirect somewhere else from your Header Media. To do so, follow these steps. From your WordPress Dashboard, navigate to Appearance Customize Header & Navigation Header Media. From the dropdown menu below the Link To option, choose one of the three options. NoneFew readers