Hey n_bonki,

Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look? Please specify the pages where it is not shown.

Best regards,
Victoria

Hi cordellbrewer,

Ok, thanks.

You should be running at least php5.6.3 for the code to work properly. Please consider upgrading your php.

Best regards,
Victoria

Hey lrdh,

Could you please attach a mockup of what you’re trying to achieve?

Best regards,
Victoria

Hi lkulube,

Could you please enable the Advanced Layout Builder debug mode. Here is how to do it: http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/

If you need further assistance please let us know.
Best regards,
Victoria

Hi Heathcliffe,

Let us know how that worked for you :)

Best regards,
Victoria

Hey Kamakshi,

Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

@media only screen and (max-width: 479px) {
  #layerslider_16 h2, #layerslider_16 p,
  #layerslider_16 h1 {
    font-size: 18px !important;
    line-height: 20px !important;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  #layerslider_16 h2, #layerslider_16 p,
  #layerslider_16 h1 {
    font-size: 26px !important;
    line-height: 22px !important;
  }
}

If you need further assistance please let us know.

Best regards,
Victoria

Hi Steve,

Glad you got it working for you! :)

If you need further assistance please let us know.

Best regards,
Victoria

Hey Andre,

You need to edit the archive.php and add the title there.

The number of post for the grid can be changed here

If you need further assistance please let us know.
Best regards,
Victoria

Hi!

The html is laid out in such a way that the headers are going to be a separate block on top, not in every cell line you want

This is why they are hidden in mobile.
Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

@media only screen and (max-width: 767px) {
    .responsive .avia_responsive_table .avia-data-table .avia-button-row, 
    .responsive .avia_responsive_table .avia-data-table tr:first-child th {
        display: block;
    }
}

If you need further assistance please let us know.
Regards,
Victoria

Hi lkulube,

Oh, the first column is taller than the second and so the third goes to that position. Please adjust the code like below.
Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

@media only screen and (max-width: 1024px) {
  #footer .av_one_fourth {
      margin-left: 0px !important;
      width: 45.5% !important;
      min-height: 310px;
  }
}

If you need further assistance please let us know.

Best regards,
Victoria

Hi Andrew@BattleBrothers,

Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?

Enfold and WooCommerce work fine with php7+.

Best regards,
Victoria

Hi Chad_Roberts,

Parallax does not work on iPad and iPhone, that’s why I gave you that code. Safari has an issue with background-attachment:fixed on mobile devices.

If you need further assistance please let us know.
Best regards,
Victoria

• This reply was modified 6 years, 11 months ago by Victoria.

Hi ipdgraphics,

Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

@media only screen and (max-width: 479px) {
  #layer_slider_1 {
    position: absolute;
  }
  #after_layer_slider_1 {
    padding-top: 120px;
  }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  #layer_slider_1 {
    position: absolute;
  }
  #after_layer_slider_1 {
    padding-top: 300px;
  }
}

If you need further assistance please let us know.

Best regards,
Victoria

Hey hylandgraphics,

Could you please give us a link to your website, we need more context to be able to help you.

Best regards,
Victoria

Hi Andre,

Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

#top .av-magazine-content-wrap {
    min-height: 161px;
}
#top .av-magazine-thumbnail img {
	width: 100%;
}
#top .av-magazine-thumbnail {
    width: 161px;
    min-height: 161px;
}
#top .av-magazine-time {
	float: right;
}

If you need further assistance please let us know.

Best regards,
Victoria