{"id":8536,"date":"2019-09-06T05:52:40","date_gmt":"2019-09-06T05:52:40","guid":{"rendered":"https:\/\/manuals.qantumthemes.xyz\/evenz\/?post_type=ht_kb&p=8536"},"modified":"2019-09-06T05:52:40","modified_gmt":"2019-09-06T05:52:40","slug":"8-26-3d-header","status":"publish","type":"ht_kb","link":"https:\/\/manuals.qantumthemes.xyz\/evenz\/knowledge-base\/8-26-3d-header\/","title":{"rendered":"8.26 3D Header"},"content":{"rendered":"

This theme comes with a simple yet powerful shortcode for Page Builder that creates engaging interactive 3d scenes.<\/p>\n

3D Scenes structure<\/h3>\n

There\u00a0 are 2 backgorund pictures moving at differen speed to create the parallax effect, and a foreground content level.<\/p>\n

\"\"<\/p>\n

The Caption will use the effects as the Section Caption<\/strong> <\/a>does.<\/p>\n

You can’t use a too long titles. This item is made to be short and concise, otherwise it breaks. Is not a bug, it’s simply made to work like this, in the same way if you try to wear the t-shirt of a baby it breaks: is simply how it’s designed to work.<\/p>\n

If you want to add longer contents, headings or also images, you can use the HTML editor below. It also supports shortcodes, but be aware: if you put complex objects or too much stuff, it will appear stuttering and laggy. So, keep it light \ud83d\ude09<\/strong><\/p>\n

 <\/p>\n

\"\"<\/p>\n

\"\"<\/p>\n

\"\"<\/p>\n

 <\/p>\n

Some considerations on the 3D Header element:<\/h3>\n
    \n
  1. This item is made to create a quick, performing and easy WOW header to your site. Is not meant to be the equivalent of a heavy and comples slider as Revolution or similar plugins, so there aren’t many options<\/li>\n
  2. You have to produce quality images for a nice effect<\/li>\n
  3. Adding too much stuff will result in a stuttering laggy result<\/li>\n
  4. In mobile there is no animation, simply there is no mouse movement<\/li>\n
  5. Avoid using on top of a video background<\/li>\n
  6. Avoid adding Waves animations to the row because of performance<\/li>\n
  7. Keep the images as small as possible<\/li>\n
  8. Images goes to fullscreen. Means you can’t crop a picture small to place it in\u00a0 a corner or centered, unless you add your own CSS.<\/li>\n<\/ol>\n","protected":false},"author":1,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht_kb_category":[705],"ht_kb_tag":[852,771,711],"class_list":["post-8536","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-8-shortcodes","ht_kb_tag-3d-header","ht_kb_tag-header","ht_kb_tag-page-builder"],"_links":{"self":[{"href":"https:\/\/manuals.qantumthemes.xyz\/evenz\/wp-json\/wp\/v2\/ht_kb\/8536"}],"collection":[{"href":"https:\/\/manuals.qantumthemes.xyz\/evenz\/wp-json\/wp\/v2\/ht_kb"}],"about":[{"href":"https:\/\/manuals.qantumthemes.xyz\/evenz\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/manuals.qantumthemes.xyz\/evenz\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/manuals.qantumthemes.xyz\/evenz\/wp-json\/wp\/v2\/comments?post=8536"}],"version-history":[{"count":1,"href":"https:\/\/manuals.qantumthemes.xyz\/evenz\/wp-json\/wp\/v2\/ht_kb\/8536\/revisions"}],"predecessor-version":[{"id":8541,"href":"https:\/\/manuals.qantumthemes.xyz\/evenz\/wp-json\/wp\/v2\/ht_kb\/8536\/revisions\/8541"}],"wp:attachment":[{"href":"https:\/\/manuals.qantumthemes.xyz\/evenz\/wp-json\/wp\/v2\/media?parent=8536"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/manuals.qantumthemes.xyz\/evenz\/wp-json\/wp\/v2\/ht_kb_category?post=8536"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/manuals.qantumthemes.xyz\/evenz\/wp-json\/wp\/v2\/ht_kb_tag?post=8536"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}