From the WordPress dashboard navigate to Appearance > Customize to find the following options
Header #
Main Menu #
Search Style – If you have selected Search Icon as last item in above option then you can select it’s style as default or full screen.
Menu Toggle Border Width (px) – Update width for the mobile menu border.
Sticky Header #
Enable Sticky Header – Check this box if you want to have a fixed header upon scrolling down the page.
Shrink Logo on Scroll – Check this box if you want the logo to shrink upon scrolling down.
Disable Sticky Header on Mobile Menu – Check this if you don’t want sticky header on Mobile Menu.
Different Logo for Sticky Header – Check this box if you want a different logo for the fixed header. This will work if you have enabled sticky header.
Logo for Sticky Header – Select a logo for fixed header from here. Make sure the sticky header is enabled to see this feature.
Sticky Header Colors #
The following options will be visible on sticky / fixed header which will appear on scrolling.
- Background Color – Background color for menu.
- Site Title Color – Color for site title
- Site Title Hover Color – Hover color for site title
- Site Tagline Color – Color for site tagline
- Menu Background Color – Background color for menu.
- Active Menu Background Color – Background color for active menu.
- Menu Item Link Color – Text color for menu link text.
- Menu Item Link Hover Color – Hover color for link text.
- Sub Menu Background Color – Background color for sub menus.
- Sub Menu Link Color – Link color for sub menus.
- Sub Menu Link Hover Color – Link color for sub menus.
Page #
Typography #
Page Title – Update the typography of the Page Title. You can update following options
- Font Family – Select font family from large number of Google fonts.
- Font Weight – Select font weight.
- Font Style – Select font family style from normal and italic.
- Text Transform – Select between Default, Capitalize, Lowercase or Uppercase.
- Font Size – Select font size.
- Line Height – Give line-height from 1-4.
- Letter Spacing – Give letter spacing upto 10.
Blog / Archive #
Blog/Archive Layouts (Desktop) – Select one of the layout for the blog / archive page.
- Standard Layout
- Datebox/Image To Right
- Datebox/Image To Left
Enable Date Box – Enable datebox on blog / archive page.
Date Box Style – Select style for date box as Square or Round.
Blog / Archive #
- Post Pagination – You can select if the blog page or archive page should display all posts on single page or use the default option for pagination. If the Infinite option is selected first set of blog posts will be displayed and when a user scrolls to the bottom of page next set of posts will be loaded.
Spacing
Outside Container – You can increase or decrease the outside padding for the Blog/Archive on your website.
Inside Container – You can increase or decrease the inside padding for the Blog/Archive on your website.
Typography #
Blog Title – Update the typography of the Blog Title on Blog Page from here.
Single Post #
Typography #
Post Title – Update the typography of the Post Title on Single Post Pages.
Spacing
Outside Container – You can increase or decrease the outside padding for the Single Blog Post on your website.
Inside Container – You can increase or decrease the inside padding for the Single Blog Post on your website.
Sidebar #
Colors & Background #
Background Image – Background Image for sidebar.
Spacing
Outside Container – You can increase or decrease the outside padding for the Sidebar on your website.
Inside Container – You can increase or decrease the inside padding for the Sidebar on your website.
Footer #
Layout #
Footer Elements – Here you can set the order of Social Icons, Footer Menu, and Copyright Text in which they appear. You need to drag the elements to change their order. Also, you can toggle click on the eye icon in front of each element to show/hide that element in the footer.
- Hide Powered By Responsive Theme – Select this option to remove the text ‘Powered By Responsive Theme’.
Colors & Background #
Background Image – Background Image for footer.