1. About what kind spacing uour talking I dont understand. If people just instaling your theme and after see that what I see that mind is to much some spacing? Or I need paste some code in custom field on cms?

2. “Most recent version” ? I just few days ago installed all newest oc, burnengine and kiddos. What I instaled now is not new? I must update burnengine or theme or both?

Default)
Current themeKiddos v1.1.4 /installed on 19.11.2016 20:00/
BurnEngine version1.1.4
OpenCart version2.3.0.

Hi,

Thanks for your answer … at last, but …

Gays, please see more carefully. Please!

OK It’s not bug. You can call otherwise but before and after upgrade BurnEngine version to 1.1.5 and after copy paste some code in custom css fiels http://support.themeburn.com/topic/problem-install-theme-in-first-step/page/2/#post-46328 I see result – http://nimb.ws/yYbApd

I have kiddos on OC 1.6v and there now is all ok because you give for me some code what I pasted in customs css. Now I want migrate to OC 2.3. but can’t, because I can’t solve some problems, you see that up of this text. Your code for custom css not working.

You can see all code in custom css what is pasted or was before:

@media (max-width: 480px) {
  .tb_mt_25,
  .tb_mt_30,
  .tb_mt_35,
  .tb_mt_40,
  .tb_mt_45,
  .tb_mt_50
  {
      margin-top: 20px;
  }
  .tb_mr_25,
  .tb_mr_30,
  .tb_mr_35,
  .tb_mr_40,
  .tb_mr_45,
  .tb_mr_50
  {
      margin-right: 20px;
  }
  .tb_mb_25,
  .tb_mb_30,
  .tb_mb_35,
  .tb_mb_40,
  .tb_mb_45,
  .tb_mb_50
  {
      margin-bottom: 20px;
  }
  .tb_ml_25,
  .tb_ml_30,
  .tb_ml_35,
  .tb_ml_40,
  .tb_ml_45,
  .tb_ml_50
  {
      margin-left: 20px;
  }
  .tb_pt_25,
  .tb_pt_30,
  .tb_pt_35,
  .tb_pt_40,
  .tb_pt_45,
  .tb_pt_50,
  .row-wrap.tb_pt_25 > .row,
  .row-wrap.tb_pt_30 > .row,
  .row-wrap.tb_pt_35 > .row,
  .row-wrap.tb_pt_40 > .row,
  .row-wrap.tb_pt_45 > .row,
  .row-wrap.tb_pt_50 > .row
  {
      padding-top: 20px;
  }
  .tb_pr_25,
  .tb_pr_30,
  .tb_pr_35,
  .tb_pr_40,
  .tb_pr_45,
  .tb_pr_50
  {
      padding-right: 20px;
  }
  .tb_pb_25,
  .tb_pb_30,
  .tb_pb_35,
  .tb_pb_40,
  .tb_pb_45,
  .tb_pb_50,
  .row-wrap.tb_pb_25 > .row,
  .row-wrap.tb_pb_30 > .row,
  .row-wrap.tb_pb_35 > .row,
  .row-wrap.tb_pb_40 > .row,
  .row-wrap.tb_pb_45 > .row,
  .row-wrap.tb_pb_50 > .row
  {
      padding-bottom: 20px;
  }
  .tb_pl_25,
  .tb_pl_30,
  .tb_pl_35,
  .tb_pl_40,
  .tb_pl_45,
  .tb_pl_50
  {
      padding-left: 20px;
  }

  .tb_width_1200 #wrapper:not(.container) > .tb_width_fixed,
  .tb_width_1200 #wrapper:not(.container) > .container,
  .tb_width_1200 #wrapper:not(.container) > :not(.container):not(.tb_width_fixed):not(.tb_content_fixed) > .tb_width_fixed
  {
    margin-left:  20px;
    margin-right: 20px;
  }

  .tb_width_1200 #wrapper:not(.container) > .tb_content_fixed,
  .tb_width_1200 #wrapper:not(.container) >:not(.tb_content_fixed):not([class*="tb_pl_"]):not([class*="tb_pr_"]) > .tb_content_fixed,
  .tb_width_1200 #wrapper:not(.container) >:not(.container):not(.tb_width_fixed):not(.tb_content_fixed):not([class*="tb_pl_"]):not([class*="tb_pr_"]) > div:not(.tb_separate_columns) .tb_content_fixed {
    padding-left:  20px !important;
    padding-right: 20px !important;
  }
}

#Menu_Esmy8Y8a .tb_megamenu > .dropdown-menu,
#Menu_Esmy8Y8a .tb_megamenu > .dropdown-menu > .row
{
  min-height: 500px;
}

/**** DEMO ICONS PREVIEW ****/

.tb_glyph_symbols {
  list-style: none;
}
.tb_glyph_symbols li {
  float: left;
  width: 52px;
  line-height: 50px;
  list-style: none;
  text-align: center;
  font-size: 20px;
  cursor: help;
}
.tb_glyph_symbols li i {
  display: block;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  border-radius: 50%;
}
.tb_glyph_symbols li:hover i {
  margin: -10px;
  padding: 10px;
  background: #fff;
  font-size: 32px;
  border-radius: 50%;
  box-shadow:
    0 1px 10px 0 rgba(0, 0, 0, 0.2);
}
.tb_glyph_symbols li h3 {
  display: none;
}

/**** DEMO THEME FEATURES ****/

.feature_breakpoints {
  position: absolute;
  width: 270px;
  right: 40px;
  top: 50px;
  list-style: none !important;
}
.feature_breakpoints li {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 20px;
  color: #333;
}
.feature_breakpoints li:before {
      -ms-flex: 0 0 1.3em;
  -webkit-flex: 0 0 1.3em;
        flex: 0 0 1.3em;
  width: 20px;
  margin-left: -20px;
  text-align: left;
  color: #ff8000;
}
.feature_breakpoints.full_row {
    top: 30px;
    left: 0;
    right: 0;
    width: auto;
    margin-bottom: 0;
    padding: 10px 100px;
    -webkit-columns: 2; /* Chrome, Safari, Opera */
        -moz-columns: 2; /* Firefox */
                  columns: 2;
}
.feature_breakpoints.full_row.static {
  position: static;
  padding: 0;
}
.feature_breakpoints.tb_3col {
    -webkit-columns: 3; /* Chrome, Safari, Opera */
        -moz-columns: 3; /* Firefox */
                  columns: 3;
}
.feature_breakpoints.tb_4col {
    -webkit-columns: 4; /* Chrome, Safari, Opera */
        -moz-columns: 4; /* Firefox */
                  columns: 4;
}
.feature_breakpoints.text {
    -webkit-columns: 1 !important;
        -moz-columns: 1 !important;
                  columns: 1 !important;
}
@media only screen and (max-width: 769px) {
  .feature_breakpoints {
    -webkit-columns: 1 !important;
        -moz-columns: 1 !important;
                  columns: 1 !important;
  }
  .feature_breakpoints li {
    display: list-item !important;
  }
}
@media only screen and (max-width: 1080px) {
  .tb_layout_features .feature_breakpoints {
    position: static;
    overflow: hidden;
    width: auto;
    margin-bottom: 0;
    padding: 40px 30px 0 30px;
    -webkit-columns: 2; /* Chrome, Safari, Opera */
        -moz-columns: 2; /* Firefox */
                  columns: 2;
  }
  .tb_layout_features .feature_breakpoints li {
    display: inline-block;
  }
  .tb_layout_features .feature_breakpoints + p {
    margin-top: -20px;
  }
  .tb_layout_features .feature_breakpoints.text + p {
    margin-top: -50px;
  }
}
@media only screen and (max-width: 769px) {
  #Theme_TextWidget_LUWD018O {
     padding-left: 0 !important;
     padding-right: 0 !important;
  }
}

.feature_blocks {
margin-top: -20px;
text-align: center;
letter-spacing: 20px;
}
.feature_blocks span {
display: inline-block;
width: 60px;
height: 60px;
margin-top: 20px;
text-indent: -1000em;
vertical-align: top;
background-image: url(http://pavilion-theme.com/image/catalog/sample_data/features/features_blocks.png);
background-repeat: no-repeat;
border-radius: 50%;
}
.feature_blocks .gallery {
  background-position: 0 0;
}
.feature_blocks .banner {
  background-position: -60px 0;
}
.feature_blocks .bestseller {
  background-position: -120px 0;
}
.feature_blocks .brands {
  background-position: -180px 0;
}
.feature_blocks .categories {
  background-position: -240px 0;
}
.feature_blocks .facebook {
  background-position: -300px 0;
}
.feature_blocks .featured {
  background-position: -360px 0;
}
.feature_blocks .slider {
  background-position: -420px 0;
}
.feature_blocks .action {
  background-position: -480px 0;
}
.feature_blocks .menu {
  background-position: -540px 0;
}
.feature_blocks .tabs {
  background-position: 0 -60px;
}
.feature_blocks .accordion {
  background-position: -60px -60px;
}
.feature_blocks .icons {
  background-position: -120px -60px;
}
.feature_blocks .latest {
  background-position: -180px -60px;
}
.feature_blocks .reviews {
  background-position: -240px -60px;
}
.feature_blocks .tweets {
  background-position: -300px -60px;
}
.feature_blocks .twitter {
  background-position: -360px -60px;
}
.feature_blocks .separator {
  background-position: -420px -60px;
}
.feature_blocks .specials {
  background-position: -480px -60px;
}
.feature_blocks .maps {
  background-position: -540px -60px;
}
.feature_blocks .text {
  background-position: -600px -60px;
}
.tb_image_features .tb_thumb {
  margin-bottom: 20px !important;
}

————————————————–
SYSTEM INFO:
Current storeYour Store (Default)
Current themeKiddos v1.1.5 /installed on 19.11.2016 20:00/
BurnEngine version1.1.5
OpenCart version2.3.0.2
HTTP ServerApache
MySQL server version10.0.28-MariaDB
PHP version5.4.45
PHP memory limit256 MB
PHP Zip extensionYes
————————————————–

• This reply was modified 2694 days ago by  gardenvista.

Hi,

Thank you for you work. One part you are fixed but in other part problems fixed not all and after this modification email field just a litle was broken. All visualisation in image here – http://nimb.ws/xq2djl

And I think after this coreection all will be OK. I eagerly will waiting for the correction

INFO:
Current storeYour Store (Default)
Current themeKiddos v1.1.5 /installed on 04.12.2016 21:09/
BurnEngine version1.1.5
OpenCart version2.3.0.2
HTTP ServerApache
MySQL server version10.0.28-MariaDB
PHP version5.4.45
PHP memory limit256 MB
PHP Zip extensionYes

BR

Hi,

Here is some extra CSS that you need to add:

@media (max-width: 480px) {
  #wrapper input {
    max-width: 100% !important;
  }
  .has_slider.tb_side_nav .tb_grid_view.tb_style_bordered.tb_multiline,
  :not(.panel-body) > .has_slider.no_title .tb_grid_view.tb_multiline:not(.tb_slider),
  .tb_side_nav .tb_slider
  {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }
}

Can you please check?

BR,
ThemeBurn team

Hi,

Unfortunately, there is no way to resolve this last problem. This is a limitation of CSS and the carousel/slider technique. Imagine this technique as a window. Everything besides the window cannot be seen.

A partial solution here would be to disable button tooltip for small screens.

@media (max-width: 480px) {
  .tb_no_text:hover > span[data-tooltip] {
    display: none;
  }
}

BR,
ThemeBurn team

Hi,

Yes, the custom code seems fine. We’ve also checked your website and on 320px screen width there doesn’t seem to be any visual problems.

BR,
ThemeBurn team

Closed.

BR,
ThemeBurn team