Hey Margot,

Could you try updating the theme to the latest version (7.1) to see if that helps please? https://kriesi.at/documentation/enfold/theme-update/. Register your theme license: https://kriesi.at/documentation/enfold/theme-registration/

Best regards,
Rikard

Hi,

Thanks for the update. Please open a new thread if you should have any further questions or problems.

Best regards,
Rikard

Hey Guenter,

Thank you for the inquiry.

We can’t find the enfold-font-size-content-font variable anywhere in the theme — only enfold-font-size-theme-content. Where did you see the enfold-font-size-content-font variable?

Best regards,
Ismael

Hey agentur2c,

Thank you for the inquiry.

You can change the layout of the archive or category page by adjusting the Enfold > Blog Layout > Blog Styling and Blog Layout settings. Please check the screenshot below:

View post on imgur.com

Best regards,
Ismael

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

function change_the_order_of_milestone_even_on_mobile_screens() { ?>
  <script>
document.addEventListener('DOMContentLoaded', () => {
  const milestones = document.querySelectorAll('.av-milestone-even');
  if (milestones.length === 0) return;
  const mediaQuery = window.matchMedia('(max-width: 989px)');
  const reorderMilestones = () => {
    if (mediaQuery.matches) {
      milestones.forEach(milestone => {
        const date = milestone.querySelector('.av-milestone-date');
        const icon = milestone.querySelector('.av-milestone-icon-wrap');
        const content = milestone.querySelector('.av-milestone-content-wrap');
        if (date && icon && content) {
          milestone.innerHTML = '';
          milestone.appendChild(date);
          milestone.appendChild(icon);
          milestone.appendChild(content);
        }
      });
    }
  };
  reorderMilestones();
  mediaQuery.addEventListener('change', reorderMilestones);
});
</script>
  <?php
}
add_action( 'wp_footer', 'change_the_order_of_milestone_even_on_mobile_screens', 99 );

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
If you are not using a child theme you could use the WP Code plugin then add a new snippet, in the top right corner use the PHP snippet as the code type:

and ensure that it is activated, then add the above code and save.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

.responsive #top.home #wrap_all .flex_cell.av_one_third {
    padding: 0 !important;
}
.responsive #top.home #wrap_all .flex_cell.av_one_third .av_textblock_section {
	padding: 0 25px;
}
.responsive #top.home #wrap_all .flex_cell.av_one_third #rotesQuadrat {
	margin-left: 25px;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (max-width: 767px) { 
#top #wrap_all #av-burger-menu-ul > li,
#top #wrap_all #av-burger-menu-ul > li a {
	top:0 !important;
	opacity:1 !important;
	padding: 4px 0 !important;
}
}
@media only screen and (min-width: 768px) { 
#top #wrap_all #av-burger-menu-ul > li,
#top #wrap_all #av-burger-menu-ul > li a {
	top:0 !important;
	opacity:1 !important;
}
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hey stefpasi,
You probably have the caption set to “bottom without frame” in the slide:

Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

.caption_fullwidth {
    position: relative;
    top: 20em;
}

adjust to suit.

Best regards,
Mike

Hey Sylvain,
You can use the layerslider with a transparent header like this: https://kriesi.at/themes/enfold-2017/
or the fullscreen slider with a transparent header like this: https://kriesi.at/themes/enfold-2017/elements/fullscreen-slider/
or add the image as a background image color section: https://kriesi.at/themes/enfold-2017/elements/color-section/
this is another color section example with a transparent header: https://kriesi.at/themes/enfold-2017/pages/blank-pages/coming-soon-page/

Best regards,
Mike

Hey nm,
Thank you for your patience, to move cookie consent bar to top of the DOM so it is first in the tabindex, add the following code to the end of your child theme functions.php file in Appearance ▸ Editor.
The code also adds tabindex to the hidden checkboxes in the moral and hides the “toggle” switches, so the checkboxes can be tabbed to.
When tabbing in the moral you will first be able to tab though the tabs and use the enter key to select one, then keep tabbing to get inside the tab content and tab through the checkboxes. You can use the spacebar to enable/disable the checkboxes.

function move_cookie_consent_bar_to_top_of_dom_so_it_is_first_in_tabindex() { ?>
  <script>
	  document.addEventListener('DOMContentLoaded', function() {
    const messageBar = document.querySelector('.avia-cookie-consent-wrap');
    const body = document.querySelector('body#top');
    body.prepend(messageBar);
});
document.addEventListener('DOMContentLoaded', () => {
  document.querySelectorAll('#av-consent-extra-info input[type="checkbox"]').forEach(checkbox => {
    checkbox.setAttribute('tabindex', '0');
  });
});
  </script>
<style>
#top .av-toggle-switch input[type="checkbox"] {
    display: inline;
}
#top .av-toggle-switch .toggle-label-content {
    display: inline;
}
#top .av-toggle-switch label .toggle-track {
    display: none;
}
</style>
  <?php
}
add_action( 'wp_footer', 'move_cookie_consent_bar_to_top_of_dom_so_it_is_first_in_tabindex', 99 );

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
This may not seem intuitive, so perhaps you will want to try a cookie bar plugin like Borlabs, I don’t know how keyboard tabbing works with it but many Enfold users like it.
If you are happy with just tabbing to accept or reject cookies with just a few tab keys then the above script will work fine, I see that your consent moral only has two checkboxes.

Best regards,
Mike

Hey schweg33,
These are hidden on mobile devices, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (max-width: 325px) {
    .responsive #top .avia-post-nav {
        display: block;
        top: 20%;
    }
}
@media only screen and (min-width: 325px) and (max-width: 380px) {
    .responsive #top .avia-post-nav {
        display: block;
        top: 23%;
    }
}
@media only screen and (min-width: 381px) and (max-width: 450px) {
    .responsive #top .avia-post-nav {
        display: block;
        top: 25%;
    }
}
@media only screen and (min-width: 451px) and (max-width: 767px) {
    .responsive #top .avia-post-nav {
        display: block;
        top: 38%;
    }
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
Glad Rikard could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
Please check that you are using Enfold v7.1, and try disabling all of your plugins and then reload the page. If that resolves the issue, reactivate each one individually and reload the page until you find the conflict.
If this doesn’t help please include an admin login in the Private Content area so we can be of more assistance.

Best regards,
Mike

Hi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (max-width: 767px) {
    .responsive #top #wrap_all .container.caption_container {
        width: 100%;
        max-width: 100%;
    }
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hey ballindigital,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#header #header_meta {
    z-index: 1;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hey JoStudioDeRijp,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

.avia-content-slider .slide-meta time {
	display: none;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hey oladigital_co,
Thank you for your patience, I don’t have a iPhone, but I tested in Safari on a Mac in Responsive Design Mode iOS simulator, I also checked on live.browserstack.com iOS simulator, and both worked for me, please see the screenshot in the Private Content area.
I do see an error: /?avia_forced_reroute=1 404 (Not Found) in your console, try going to Enfold Theme Options > Custom Error 404 Page > Redirect to selected page and change the settings to “Select page”

you may have an old setting in there.
Please note that testing with iPhones can be hard to clear the cache, often you need to also clear the history to fully purge the cache, following these steps for Safari and note Step 4 where you will Clear the History.

Best regards,
Mike

Hi,
Glad Guenni007 could help, thank you Guenni007, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
*update* I tested the above script that you posted “Fix Yoast SEO pagination compatibility with Enfold theme using avia-element-paging” and it solved the issue on my site
<link rel="canonical" href="https://enfold.site.com/blog/blog-default/?avia-element-paging=2" class="yoast-seo-meta-tag">
If you are not using a child theme you could use the WP Code plugin then add a new snippet, in the top right corner use the PHP snippet as the code type:

and ensure that it is activated, then add the above code without the leading <?php and save.

Best regards,
Mike