Simplicity – Creative Flat Retina Theme

Here are the settings examples:

Navigation

To enable the sticky navigation bar on desktop and tablet, set #nav-main.stickytoyesin your theme configuration file (usually_config.yml`).

Content Width

To adjust the content width, add a custom CSS rule in styles.css (Simplicity's built-in CSS file). For example, to set the content width to 90% of the screen width:

#site-content {
  max-width: 90%;
}

Font Colors

To change the text color on hover for widgets, set widget to your desired color hex code in widgetconfig.yml (WidgetKit's configuration file). For example, to set the text color to #cccccc:

widgets:
  text_color: "#cccccc"
  hover_color: "#808080"

Background Image

To use a custom background image for the website, add an image file to your site's root directory and include the path in your config.yml file, for example:

simple_sidenav_logo: /path/to/simple_sidenav_logo.png

Meta Keywords

To add custom keywords to the website's head section, add a keyword list in your metatags.yml file. For example, to add the keywords "foo", "bar", "baz":

meta_keywords:
  content: "foo, bar, baz"

Responsive Design

To adjust the layout breakpoints in Simplicity's SCSS file (styles/custom/_layout.scss), add custom CSS rules with media queries. For example, to set a desktop breakpoint at 1200px and a tablet breakpoint at 768px:

// Media query for desktop (laptop)
@media (max-width: 1200px) {
 .site-container {
    padding: 0;
  }
}

// Media query for tablet
@media (max-width: 768px) {
 .site-container {
    padding: 0;
    margin: 0 auto;
    max-width: 750px;
  }
}

I hope these examples are clear and concise.

Here are the features of the Simplicity - Creative Flat Retina Theme:

1. Smooth Loading Animations: Each element on the page loads smoothly using animation.
2. Fully Customizable Headers: Each page can have its own custom header with different height and background image or slider. Also, you can have a fixed header ON/OFF.
3. AJAX Animations ON/OFF: Choose between 4 fluid AJAX animated transitions between pages for a creative experience or turn AJAX off to create a classic website.
4. Bonus Parallax Pages: Comes with an amazing bonus feature - easy to create Parallax pages perfect for presentations, microsites, or a new homepage.
5. Interactive Elements: Counters, pie charts, horizontal progress bars, vertical progress bars, elements with animation.
6. Custom Post Formats: Supports following custom blog post formats: Standard, Gallery, Link, Quote, Video, Audio.
7. Portfolio: Choose between 6 different portfolio single layouts and 4 different portfolio list layouts combined with different number of columns.
8. Blog Masonry Layout: Make your blog page display in masonry layout.
9. LayerSlider Responsive WordPress Slider Plugin: Create a responsive (mobile friendly) or fullwidth slider with must-see-effects.
10. Easy-To-Use Powerful Admin Interface: Comes with very intuitive, easy to use admin interface. Add unlimited sliders and slides while editing page/post/portfolio, add unlimited portfolio images or videos while editing your portfolio item, add unlimited parallax section to any page.
11. Retina Ready: Includes high resolution icons.
12. Smooth Scroll: Includes smooth scroll ON/OFF.
13. Multiple Sidebars: Create unlimited custom sidebars and choose them on global or post/page level.
14. Fully Customizable Menu: Customize both standard and mobile menu.
15. Modern, Professional Design: Designed by a team of professional designers focused on user-experience and unique design style.
16. Fully Responsive: Works perfectly on all screen sizes and mobile devices.
17. Extremely Customizable: Unlimited colors and sizes for all elements, 500+ Google fonts, and a robust backend offers a solution for a variety of business or personal uses.
18. Flexible Layout: Use our demo layout or create your own visually different experience using our modular shortcodes and feature-rich backend.
19. Modular Shortcodes: Get creative with unlimited combinations of easy-to-use shortcodes and quickly create any type of page you like.
20. WPML Ready: Fully compatible with WPML plugin - create multilingual web sites.
21. Translation Ready: Fully prepared for translation to any language using po & mo files.
22. Search Engine Optimized: Search engines will easily index any page of your website because of the integrated search engine support. Set meta keywords and description for each individual page and increase SEO ranking.
23. Perfect Code: Coded in HTML5, CCS3, and jQuery, this skillfully constructed theme is 100% valid.
24. Modular Contact Page: You can set any combination between Google maps, Contact Form, and regular content.
25. Child Theme Ready: Create child theme starting from included dummy child theme.

Additionally, the theme has an update history with 25 updates, each with a list of changes and bug fixes.