In this step you can add social icons in header.
Display your social media icons set. We have popular social icons covered in this theme.
Enter your social medial icons link for all icons set. If you don’t want to show specific icon, leave it blank and also you can hide social media icons set using Disable setting.
In this step you can add contact details in header.
Display your contact info details with email and contact number.
Locate – WordPress Menu > Appearance > Customize > Header Section > Header Contact Info
Enter details than Save & Publish. You can Hide / Show this section using Header Contact Info Hide/Show setting.
In this step you can add logo in header.
Add your own image logo. If you haven’t prepare your logo, you can display text as a logo. Read this tutorial.
Locate – WordPress Menu > Appearance > Customize > Site Identity
Add your Logo , Site Favicon, Site Tagline.
In this steps you can add cart & button in Header.
Locate – WordPress Menu > Appearance > Customize > Header section > Header cart & button
In This Steps you Can Hide /Show Sticky Header.
1. Sticky Header Disable –
Locate – WordPress Menu > Appearance > Customize > Slider Section > Settings
Follow In this steps you can set home page.
Locate – WordPress Menu > Pages > Add New
Create a page by the name of Home and Select Homepage One page template than Publish the page.
Locate – WordPress Menu > Settings> Reading
Select your homepage as front page.
Follow In this steps you can add the slider.
Awesome slider included in this theme. You can add only 3 slides. In this slider you can display title, description, image and read more button.
Locate – WordPress Menu > Pages > Add New
You can create a Slide using page. In this slide, you can enter page title, page description, thumbnail image and read more button using custom field.
In this steps you can Add custom button In slider Section.
Locate – WordPress Menu > Pages > Add New
Locate – WordPress Menu > Appearance > Customize > Slider Section > Settings
Locate – WordPress Menu > Appearance > Customize > Slider Section > Content
In this step you can add call to action setup.
Display your content in the Call Action section.
Locate > WordPress Menu > Pages > Add New
Create a page and give the title with your text, you want to display in Call to Action section. You want to rotate text as like demo? Enter in some separate text with commas for eg [creative, responsive, multipurpose] because this text will rotate with smooth animation . After added content Publish the page
Locate – WordPress Menu > Appearance > Customize > Call Action Section > Setting
Locate – WordPress Menu > Appearance > Customize > Call Action Section > Content
In this step you can add service .
Fabify theme provides you an awesome service features. Display your services with icons and images.
Locate > WordPress Menu > Pages > Add New
Create a page for the service. Display your services with service title, service icon and service description.
Custom field key is fixed for display service icon. You can find more icons here.
In this steps you can Disable service.
In this step you can add title & description.
In this step you can add service content.
In this step you can add latest blogs.
Display your 3 latest posts in this section.
Locate – WordPress Menu > Appearance > Customize > Blog Section > Settings
Locate – WordPress Menu > Appearance > Customize > Blog Section > Header
Locate – WordPress Menu > Appearance > Customize > Blog Section > Content
For Make mobile menu accessible, You have to make parent menu as a Custom Link.
For create custom link you have to simply go to Dashboard -> Appearence -> Menu -> Custom Link
Add link Text & put '#' in Url, After add it in menu, Remove '#' from it.
See the following attachment for more details :-
https://i.imgur.com/bI9D1sl.png
https://i.imgur.com/IqVbRWj.png
For Make mobile menu accessible, You have to make parent menu as a Custom Link.
For create custom link you have to simply go to Dashboard -> Appearence -> Menu -> Custom Link
Add link Text & put '#' in Url, After add it in menu, Remove '#' from it.
See the following attachment for more details :-
https://i.imgur.com/bI9D1sl.png
https://i.imgur.com/IqVbRWj.png
Also go to your Theme Customizer -> Additional Css -> Paste the following code there
@media only screen and (max-width: 767px) and (min-width: 480px){
.ul.dropdown-menu {
float: none !important;
}
}