Hi,
Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function custom_script() { ?>
  <script>
window.addEventListener('DOMContentLoaded', function() {
  (function($){
  $('.single-post').each(function() {
  $(this).find('.entry-content-header').css({'margin-top':'15px'}).insertAfter($(this).find('.big-preview').css({'margin-top':'0'}));
  });
  })(jQuery);
});
</script>
  <?php
}
add_action( 'wp_footer', 'custom_script', 99 );

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.

To use the full size featured image for single posts with a sidebar, instead of the 845×321 size that will be upscaled, add this code to the end of your child theme functions.php file in Appearance ▸ Editor:

add_filter( 'post_thumbnail_size', 'custom_single_event_post_thumbnail_size' );
function custom_single_event_post_thumbnail_size($size) {
    if( !is_singular('post') ) {
        return;
    }
    if( ! has_post_thumbnail() ) {
        return;
    }
    $size = 'full'; 
    return $size;
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.

Best regards,
Mike

Hi,
Thank you for your patience, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top #header_main_alternate {
    background-color: red;
}
#top #header .av-main-nav > li > a {
    background-color: red;
}

Change the color to suit and Then clear your browser cache and any cache plugin, and check.

Best regards,
Mike

Hi,
I can not see your screenshot as it requires a login, when I check the image goes to the top:

I check on Android, the black area (in the green circle) in your screenshot is from your phone not the site.

Best regards,
Mike

Hi,
You have a duplicate question open I answered there:
The reference to the “shortcode” folder is what you add to your child theme, the “sections.php” in the parent theme is at: /config-templatebuilder/avia-shortcodes/section/section.php
This will only work with self hosted videos and not on mobile.

Best regards,
Mike

Hi,

Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hey christophe rouchon,
You don’t need a subscription or a activate license to import a demo.
Try increasing the PHP max execution time and time limit values.
The demos are imported via the WordPress XML file, which is a file that links the images to our domain, (IP address) typically the curl 28 error means that our IP address has been blocked, some hosts like OVH block our IP, I don’t know why but we have reached out to them for a few years and once in a while sometimes they might unblock us, but later it will always get blocked again. Most of the time they are not helpful. I don’t know your host, but if it is them, this is the issue.

As a workaround, you can install the demo on a local host on your computer and then use the plugin Duplicator to move to your live site. This is typically the easiest solution.

Best regards,
Mike

Hi,

Is there a way to display three items per row on mobile view, just like on desktop and tablet views?

Did you copy the code from your email? Please try copying it directly from the forum. If you remove the CSS code above, the slider should display 3 columns per row.

You can also create another post slider, set the column to 1, and then toggle the visibility of both post sliders in the Advanced > Responsive > Element Visibility settings. This way, you’ll have two post sliders — one for mobile and another for desktop view.

Best regards,
Ismael

Hey Miguel,

Thank you for the inquiry.

The font color and the background color of the top header are the same. We adjusted the color values in the Enfold > General Styling > Logo Area panel.

To display the logo again, we added this css code:

.container.av-logo-container .inner-container {
    height: 50px;
}

Please make sure to purge the cache before checking the page.

Best regards,
Ismael

Hi,

If you want to display the scroll to top link on mobile, then please add this to Quick CSS:

@media only screen and (max-width: 767px) {
  .responsive #scroll-top-link {
    display: block;
  }
}

Best regards,
Rikard

Hey davec15,

Thanks for reaching out.

The page seems to be displaying correctly on our end, both on desktop and mobile views. Would you mind providing a screenshot of the issue? You can use platforms like Savvyify, Imgur, or Dropbox to upload and share the screenshot.

Best regards,
Ismael

Hi,

Thank you for the link.

The scroll-to-top button is there, in the bottom right corner of the page, beside the cookie consent message. If you want to move it to the left, use the following css code:

#scroll-top-link {
    left: 50px;
    bottom: 50px;
    right: auto;
}

Best regards,
Ismael

Hi,

Thank you for the inquiry.

There is no built-in option for this, but you can try the following css code to adjust the width of the items. They will still be displayed in sets of three but will stack above each other instead.

@media only screen and (max-width: 767px) {

  /* Add your Mobile Styles here */
  .responsive #top #wrap_all .avia-content-slider-even .slide-entry.slide-parity-odd,
  .responsive #top #wrap_all .avia-content-slider-odd .slide-entry.slide-parity-even {
    margin: 0;
    clear: none;
    width: 100%;
    margin-left: 1%;
  }
}

Best regards,
Ismael

Hi,

Thank you for the update.

It is working correctly on our end. Please make sure to purge the cache before checking the page. Regarding the transparent header, we adjusted this code in the style.css file:

@media only screen and (max-width: 989px) {
  .responsive #top #main {
    margin-top: -110px !important;
  }

  #top #wrap_all .av_header_transparency {
    background-color: transparent !important;
  }

  div#header_main>.container {
    display: block !important;
  }
}

Best regards,
Ismael