Monday, September 21 2026
0

Mable Documentation

Please note that: the customize panel are similar to Savana WordPress theme

To customize Mable, please go to Appearance > Customize

Mable Main Settings

Mable Main Settings > Color Scheme

From this section you can manage the color scheme of Mable

  1. Body Color Schemes
    You can select one of available color scheme

Mable Main Settings > Topbar section

From this section you can manage the topbar.

  1. Date format
    You can set the date format

Mable Main Settings > General settings

From this section you can manage the general settings of Mable

  1. Enable or disable the breadcrumb
  2. Breadcrumb layout
    You can select the layout for the breadcrumb.
    – Light style
    – Dark style
  3. Enable or disable a label before the list of recent posts on the homepage
  4. Show the homepage label only on the first page of pagination on your homepage. Enable this option to display the homepage label exclusively on the first page.
  5. Replace the default label before the list of recent posts on the homepage
  6. Enable or disable the header search
  7. Enable or disable the placeholder on the homepage, archives, and search results
  8. Enable or disable the category title
  9. Enable or disable the searched item
  10. Enable or disable the back to top button

Mable Main Settings > Single posts settings

  1. Option to hide the featured image in posts and pages
  2. Enable or disable the post categories
  3. Enable or disable the post icon
  4. Enable or disable the author name
  5. Replace the default label of post author
  6. Enable or disable the post date
  7. Enable or disable the related posts section
  8. Enable or disable the post author info box
  9. Option to use a different layout for the Aside, Link and Quote posts

Mable Main Settings > Layouts

From this section you can manage the layouts of Mable

  1. Set a different layout for homepage: full width, left or right sidebar, masonry layout
  2. Set a different layout for categories: full width, left or right sidebar, masonry layout
  3. Set a different layout for search result: full width, left or right sidebar, masonry layout

Mable Main Settings > Copyright and social links

From this section you can manage the copyright text and social links

  1. Add the copyright text
  2. Manage the social links (max 4 buttons)
  3. Enable or disable the feed RSS button

Mable Main Settings > WooCommerce settings

From this section you can manage the settings of WooCommerce.

  1. Enable or disable the header cart
  2. Enable or disable the cross sell products on cart page
  3. Enable or disable the related products on product page
  4. Enable or disable the up sell products on product page
  5. Make linkable the product thumbnails on WooCommerce category pages
  6. Choose the layout of shop page
  7. Choose the layout of WooCommerce categories

Mable Typography

Mable Typography > Body

From this section you can choose a Google Font for the page body

Mable Typography > Logo

From this section you can manage the typography of the logo.

  1. Logo font family
    you can choose a Google Font for the logo
  2. Logo weight
    You can choose the font weight for the logo
  3. Text transform
    You can display an uppercase logo
  4. Logo font size
    You can set the size of logo
  5. Logo description font family
    you can choose a Google Font for the logo description
  6. Logo description weight
    You can choose the font weight for the logo description
  7. Logo description font size
    You can set the size of logo description
  8. Description top margin
    You can add a space between the first row and the description

Mable Typography > Menu

From this section you can manage the typography of the menu.

  1. Menu font family
    you can choose a Google Font for the main menu
  2. Menu weight
    You can choose the font weight for the menu
  3. Text transform
    You can display an uppercase menu
  4. Menu font size
    You can set the size of main menu

Mable Typography > Mobile menu

From this section you can manage the typography of the mobile menu.

  1. Menu font family
    you can choose a Google Font for the mobile menu
  2. Menu weight
    You can choose the font weight for the mobile menu
  3. Text transform
    You can display an uppercase mobile menu
  4. Menu font size
    You can set the size of mobile menu

Mable Typography > Content

From this section you can manage the typography of the content

  1. Font size
    You can set the size of content

Mable Typography > Headlines

From this section you can manage the typography of the headlines

  1. Headlines font family
    you can choose a Google Font for the headlines
  2. Headlines weight
    You can choose the font weight for the headlines
  3. Headlines text transform
    You can display an uppercase title
  4. Headlines font size
    You can set the size of each headline (h1,h2,h3,h4,h5,h6)

Mable Typography > Post meta

  1. Font size
    You can set the size of post meta
  2. Text transform
    You can display the post meta in uppercase