We wanted to make this article to better explain how to make your media files responsive in Kajabi. This process is different from other sites because of how Kajabi handles style code in the body of their posts. This embed location is referenced in the Kajabi iFrame article.

What You Will Need

  1. A Kajabi Account and Website

  2. A Kajabi Product

  3. A Searchie Player and/or Playlist

Step 1 - Grab the style code from the Responsive Player Code slider in Searchie

Copy the code below. It can also be found in the Embed code in Searchie when you toggle the Responsive Player Code slider.

<style>.searchie-container {     position: relative; padding-bottom: 56.25%; height: 0;     overflow: hidden; max-width: 100%; } .searchie-container iframe, .searchie-container object, .searchie-container embed {     position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>

Step 2 - Place code in the Page Scripts area of your Kajabi site

Here is where we add our Responsive Player Code to our Kajabi site.

Navigate to the Page Scripts section by going to Settings > Site Details > Page Scripts.

mceclip0.png

Step 3 - Keep embedding with the Responsive Player Code slider turned on

Every time you go to embed a piece of media or Playlist from Searchie, make sure to toggle the switch shown below. This will make sure that the Searchie media is embedded with the ideal code to make it mobile-friendly and responsive on your Kajabi product.

What You Can Do Now

  1. Rearrange your Kajabi site to focus on Searchie

  2. Embed a Player in your Site

  3. Build a Playlist

Did this answer your question?