dynamik

Masonry in Dynamik

August 20, 2017 by Sridhar Katakam 1 Comment

This tutorial provides the steps to display posts on Posts page and archives in a masonry layout in Dynamik. Posts will appear in a 4-column grid on desktops, 3 columns at 1024px and below, 2 columns at 768px and below, 1 column at 500px and below. Step 1 If you would like to use a […]

Split Navigation in Dynamik

October 9, 2016 by Sridhar Katakam Leave a Comment

A user requested for an updated tutorial for centered logo, split menu in header, like Modern Studio Pro, in Dynamik. This tutorial covers implementing split navigation with menu items on logo’s left and right in Dynamik. Responsive view: Step 1 At Genesis > Dynamik Design > Header a) set Header Minimum Height to 0 b) […]

How to add a full width background banner image below header in Dynamik

September 12, 2016 by Sridhar Katakam 1 Comment

In the past I showed how an inline banner image (image element) can be added below header in Dynamik on the Posts page. In this tutorial we shall add a hook box to add a blog banner div below header on Posts page and all single blog posts and set an image as background for […]

Fixed Header and Nav in Dynamik with Shrinking Header on scroll

August 12, 2016 by Sridhar Katakam Leave a Comment

In my Facebook group a user asked, Hi Sridhar, first of all, thank you so much for all your great tutorials!! I have learned so much from you. I’m stuck with some sticky stuff and hope you can help. A client want both the header and primary nav bar to be sticky, and at the […]

Fixed Utility Bar and Header in Dynamik

June 15, 2016 by Sridhar Katakam 39 Comments

The following tutorial addresses this question asked by a user in the members-only forum. We shall remove the header right widget area remove the primary navigation menu from its default location (below header) and add it inside header set up inline image logo that can be set/changed via Header customizer setting remove site description (tagline) […]

Adding Social Icons and Animated Search to Primary Navigation in Dynamik

April 23, 2016 by Sridhar Katakam 1 Comment

In the comments section of Fixed Header with Inline Site Title, Primary Nav, Social Icons and Search Icon in Dynamik, a user asked: Can a modification be done to still apply the Simple Icons to the primary menu at the top of the page, and include the icon to open the search box – but […]

Full screen Soliloquy slider with widget overlay in Dynamik

March 24, 2016 by Sridhar Katakam 7 Comments

In the comments section of Full Screen Soliloquy Slider with Transparent Floating Header in Centric Pro a user asked: I’ve tried this with Dynamik and my menu is sitting below the slider and can’t seem to position it correctly. Any chance you could do a version of this for Dynamik? In this article I detail […]

Full width Posts showing Featured image with Breadcrumbs and Meta overlayed on top in Genesis

January 14, 2016 by Sridhar Katakam 12 Comments

In the members-only forum a user asked: Hello, To be more specific, like this one: http://blog.teamtreehouse.com/rj-learned-to-code-and-made-the-switch-from-accountant-to-skilled-front-end-developer I believe this is an awesome layout for a single post. Also done here: (Seems to be on Genesis too) http://chrislema.com/rainmaker-marketing-automation/ *If that already exists please drop a link here. Searched for it but can’t find something. Thanks! Update: […]

How to add Parallax background for an existing widget area in Dynamik

August 31, 2015 by Sridhar Katakam 5 Comments

In the comments section of Parallax animations in Genesis using Stellar.js article, a user asked: As always, this is excellent, Sridhar. Of course, there will be questions. The first one for me: How can I apply this to an existing widget area? I use the Dynamik child theme for Genesis and there are numerous predefined […]

Animated Search form in Dynamik

July 7, 2015 by Sridhar Katakam 21 Comments

In this article I show how animated Search form in Genesis tutorial can be implemented in Dynamik. Step 1 Create a file named say, global.js having the following code and upload it to wp-content/uploads/dynamik-gen/theme directory. To view the full content, please sign up for the membership. Already a member? Log in below or here.