Responsive Pro Modules

From the WordPress dashboard navigate to Appearance > Customize to find the following options

Global Settings

Colors & Background

Background Image (Pro)

Background Image for selected box layout

Header

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.

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.

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

  • 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.

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.

Sidebar

Colors & Background

Background Image - Background Image for sidebar.

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.

Colors & Background

Background Image - Background Image for footer.

Product Catalog Options

Layout

Breadcrumbs - You can enable / disable the breadcrumb on shop page.

Toolbar - You can hide or show the sorting toolbar on shop page from here.

Box Shadow - Give box shadow to product summary box on shop page from here.

Box Shadow Hover - Give box shadow to product summary box on shop page from here on hovering

Shop Product

Product Image Hover Style - Select a hover style for product images on shop page.

Shop Pagination - You can select if the shop page should display all products on single page or use the default option for pagination. If the Infinite option is selected first set of products will be displayed and when a user scrolls to the bottom of page next set of products will be loaded.

Shop Pagination Style - If you have selected the default layout for pagination then you can select the style of the numbers as square or circle.

Event to Trigger Infinite Loading - If you have selected Infinite layout for pagination then you can select how you want to trigger the infinite loading; by scrolling or by clicking a button.

Load More Text - If you have selected event to trigger infinite layout as Click, then you can edit the text of the button from here.

Shop Quick View - You can enable the quick view of product images on hovering on image, on clicking on image, or after summary.

Typography

Here you can update overall typography related for Shop Page Title, Product Title, Product Price, and Product Content. 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.

  • Font Color

Product Options

Layouts

Product Elements

Image Width - Here you can change width of the image on single product pages.

Typography

Here you can update overall typography related for Product Title, Product Price, Product Content, and Breadcrumbs. 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.

  • Font Color

Cart Options

Layouts

Icon - If the cart icon is set to be displayed on all devices, you can choose a different cart icon.

Style - If the cart icon is set to be displayed on all devices, you can choose a style for mini cart.

Color - If the cart icon is set to be displayed on all devices, you can choose a color for mini cart.

Display Cart Title - If the cart icon is set to be displayed on all devices, you can select this if you wish to display cart title alongside mini cart icon.

Display Cart Total - If the cart icon is set to be displayed on all devices, you can select this if you wish to display total cart value alongside mini cart icon.