Title: Elements overlao
Last modified: December 2, 2019

---

# Elements overlao

 *  Resolved [Jason Chong](https://wordpress.org/support/users/dantianhealth/)
 * (@dantianhealth)
 * [6 years, 4 months ago](https://wordpress.org/support/topic/elements-overlao/)
 * I’m having an issue with Kioken elements. I have used Animated Divider hero as
   a reusable block to create a CTA. When it appears on mobile (iPhone X) the text
   is running off-screen in some form of overflow but I cannot find where to change
   this. The problem does not exist if viewing in Customizer or resizer my browser
   on the desktop.
    I have tried using just the kinetic wrapper portion on a row
   background from a different plugin and don’t get the overflow so am guessing 
   it is something to do with that block (this causes other display issues I would
   prefer to avoid so hence am trying to stick with Kioken for this).
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Felements-overlao%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 13 replies - 1 through 13 (of 13 total)

 *  Plugin Author [Scott Jr](https://wordpress.org/support/users/sj_o/)
 * (@sj_o)
 * [6 years, 4 months ago](https://wordpress.org/support/topic/elements-overlao/#post-12194697)
 * Hi [@dantianhealth](https://wordpress.org/support/users/dantianhealth/)
 * The animation on that specific Kioken Element actually uses a feature of Kinetic
   Wrapper from the Pro version, which is not available to edit and change in the
   free version.
 * I would suggest refactoring that block using the animator extension with Kioken
   Blocks, which is also available for all blocks.
 * Thanks!
    Onur
 *  Thread Starter [Jason Chong](https://wordpress.org/support/users/dantianhealth/)
 * (@dantianhealth)
 * [6 years, 4 months ago](https://wordpress.org/support/topic/elements-overlao/#post-12195788)
 * Which part, the flip in vertical? I’m not sure which animation needs to be re-
   edited to address lateral overflow of the text.
    I have gotten around the overflow
   to the sides by using a row block from a different plugin and only the kinetic
   section with the text from the Kioken Element sample. I am having another issue
   with the text from that kinetic section appearing on top of my menu bar when 
   I scroll back up the page (curiously happens only on my home page which has a
   different page setup). I cannot find a z-index setting there to address this,
   could you please point me in the correct direction?
 *  Plugin Author [Scott Jr](https://wordpress.org/support/users/sj_o/)
 * (@sj_o)
 * [6 years, 4 months ago](https://wordpress.org/support/topic/elements-overlao/#post-12195894)
 * Hi [@dantianhealth](https://wordpress.org/support/users/dantianhealth/)
 * It is really a complication for us to tell you what to do because your Kioken
   Blocks version is no pro and the blame is on us to not provide the details why
   you can’t do more with Kinetic Wrapper.
 * But simply every block when Kioken Blocks enabled has a siple horizontal and 
   vertical animation properties.
 * And if you have Pro, there’s a crazy amount more to apply including staggered
   animations but that’s not our case. Our case is you can do a similar thing at
   least with free Kioken Blocks.
 * And you can.
 *  Thread Starter [Jason Chong](https://wordpress.org/support/users/dantianhealth/)
 * (@dantianhealth)
 * [6 years, 4 months ago](https://wordpress.org/support/topic/elements-overlao/#post-12196004)
 * Wow. So you provide no support for your free version then?
    I guess asking if
   there i a setting to stop your plugin calling js and css on pages where the plugin
   is not being used is out of the question! I’m not blaming you or asking to do
   more but seeking help to debug an issue. Your aggressive tone actually discouraged
   me from considering purchasing your pro version. I wasn’t here for a sales pitch
   or to have you rant and ignore my issue.
    -  This reply was modified 6 years, 4 months ago by [Jason Chong](https://wordpress.org/support/users/dantianhealth/).
 *  Plugin Author [Scott Jr](https://wordpress.org/support/users/sj_o/)
 * (@sj_o)
 * [6 years, 4 months ago](https://wordpress.org/support/topic/elements-overlao/#post-12199308)
 * Hi [@dantianhealth](https://wordpress.org/support/users/dantianhealth/)
 * That is not what I mean and we fully support the free version users as well. 
   Please forgive me if my response caused a misunderstanding.
 * Pro version only allows you do more and get even more control, but my answer 
   wasn’t for the purpose of you to upgrade. On the contrary, I’m only suggesting
   even with the free version, you can achieve the same results using the provided
   free tools 🙂
 * Thanks!
    Onur
 *  Thread Starter [Jason Chong](https://wordpress.org/support/users/dantianhealth/)
 * (@dantianhealth)
 * [6 years, 4 months ago](https://wordpress.org/support/topic/elements-overlao/#post-12200603)
 * OK
    Can you please then answer my question around unnecessary CSS and js calls
   on pages that are not using kioken blocks. I see all CSS and js for every enabled
   block is being called on every page/post – regardless of if that particular block
   or even any Kioken block is being used. Do you have a setting I am missing to
   turn this off? The initial issue I have worked around by using a different plugin
   as mentioned to contain the kinetic wrapper in a row which allows me to adjust
   the z index effectively and prevent the lateral overflow
 *  Plugin Author [Scott Jr](https://wordpress.org/support/users/sj_o/)
 * (@sj_o)
 * [6 years, 4 months ago](https://wordpress.org/support/topic/elements-overlao/#post-12200615)
 * Ok so Kioken blocks library is loaded for all blocks since it’s one package and
   does not determine the js to load based on individual blocks because the core
   library is necessary to display them properly.
 * What I can suggest is use a plugin like Asset Manager or Asset cleanup to conditionally
   load/unload scripts and styles on a per page/post basis.
 * Asset Manager: [https://wordpress.org/plugins/gonzales/](https://wordpress.org/plugins/gonzales/)
 * Asset Cleanup: [https://wordpress.org/plugins/wp-asset-clean-up/](https://wordpress.org/plugins/wp-asset-clean-up/)
 * Also Kioken Blocks has a utility class called “overflow-hidden” which you can
   apply to any element to contain and mask everything inside a block.
 * I hope these help.
 * Thanks!
    Onur
 *  Plugin Author [Scott Jr](https://wordpress.org/support/users/sj_o/)
 * (@sj_o)
 * [6 years, 4 months ago](https://wordpress.org/support/topic/elements-overlao/#post-12200624)
 * Also, given your feedback, I will actually add an option to unload Kioken Blocks
   per post/page basis so it’s less hassle.
 * I’ll try to make that feature for next release.
 * Thanks,
    Onur
 *  Thread Starter [Jason Chong](https://wordpress.org/support/users/dantianhealth/)
 * (@dantianhealth)
 * [6 years, 4 months ago](https://wordpress.org/support/topic/elements-overlao/#post-12200655)
 * Thanks, that would be useful as it is 84KB of code added to pages that don’t 
   need it.
    I don’t suppose you have documentation to point to what might be able
   to be disabled? kioken-blocks-google-maps-min.js is a no brainer per post when
   not using maps, but the others aren’t so clear and I’m just trying to run a trial
   and error approach!
 *  Plugin Author [Scott Jr](https://wordpress.org/support/users/sj_o/)
 * (@sj_o)
 * [6 years, 4 months ago](https://wordpress.org/support/topic/elements-overlao/#post-12200727)
 * Right now, you can disable a couple things with dequeueing js and css and those
   would be:
 *     ```
       //Dequeue Styles
       function project_dequeue_unnecessary_styles() {
           wp_dequeue_style( 'kioken-blocks-style' ); // main kioken blocks stylesheet file
           wp_dequeue_style( 'kioken-prep-google_fonts' ); //bgoogle fonts preloader
       }
       add_action( 'wp_print_styles', 'project_dequeue_unnecessary_styles' );
   
       //Dequeue JavaScripts
       function project_dequeue_unnecessary_scripts() {
           wp_dequeue_script( 'kioken-blocks-frontend-utils' ); // main javascript package needed for Kioken Blocks
           wp_dequeue_script( 'anime-js' ); // Kioken Blocks animation package dependency
           wp_dequeue_script( 'scrollmagic-js' ); // scroll magic dependency for Kioken Blocks
           wp_dequeue_script( 'anime-scrollmagic-js' ); // anime scroll magic dependency for Kioken Blocks
       }
       add_action( 'wp_print_scripts', 'project_dequeue_unnecessary_scripts' );
       ```
   
 * Please keep in mind most of those scripts are dependencies and dequeuing them
   might break functionality of Kioken Blocks’ main js file.
 * Thanks!
    Onur
 *  Thread Starter [Jason Chong](https://wordpress.org/support/users/dantianhealth/)
 * (@dantianhealth)
 * [6 years, 4 months ago](https://wordpress.org/support/topic/elements-overlao/#post-12200750)
 * Thanks for that. I’m so far having luck with google maps and swiper not disrupting
   the blocks I have (the others seem to be very interdependent as I am using some
   animations which is one of the best, unique features of your plugin). It’s saving
   me 32KB a page, I’m using Asset Cleanup and will manually disable all on the 
   pages that it is not used.
 *  Plugin Author [Scott Jr](https://wordpress.org/support/users/sj_o/)
 * (@sj_o)
 * [6 years, 4 months ago](https://wordpress.org/support/topic/elements-overlao/#post-12200768)
 * Awesome 🙂
 *  Thread Starter [Jason Chong](https://wordpress.org/support/users/dantianhealth/)
 * (@dantianhealth)
 * [6 years, 4 months ago](https://wordpress.org/support/topic/elements-overlao/#post-12200826)
 * Thanks for taking the time to help!

Viewing 13 replies - 1 through 13 (of 13 total)

The topic ‘Elements overlao’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/kioken-blocks_9068c9.svg)
 * [Page Builder Gutenberg Blocks – Kioken Blocks](https://wordpress.org/plugins/kioken-blocks/)
 * [Support Threads](https://wordpress.org/support/plugin/kioken-blocks/)
 * [Active Topics](https://wordpress.org/support/plugin/kioken-blocks/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/kioken-blocks/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/kioken-blocks/reviews/)

 * 13 replies
 * 2 participants
 * Last reply from: [Jason Chong](https://wordpress.org/support/users/dantianhealth/)
 * Last activity: [6 years, 4 months ago](https://wordpress.org/support/topic/elements-overlao/#post-12200826)
 * Status: resolved