Hi,
It looks like you had a duplicate thread for the overlay icon, check here.

Best regards,
Mike

Hey Martin,
To add a red border to items that you tab to, you can add this css:

a:focus,button:focus {
  border:1px solid red !important;
}

adjust the color and size to suit.
Your accessibility plugin is at the bottom of the page in the DOM, so you would need to tab the whole page to get to it, perhaps the plugin settings has an option to move it to the top of the DOM? The plugin button also has a tabindex of -1 so you can’t tab to it, check the plugin settings.
If you can’t change these in the settings, try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function custom_script() { ?>
  <script>
document.addEventListener('DOMContentLoaded', function() {
	const accessibilityButton = document.querySelector('#accessibility-trigger-button');
    const messageBar = document.querySelector('#accessibility-button');
    const body = document.querySelector('body#top');
    body.prepend(messageBar);
    accessibilityButton.setAttribute('tabindex', '1');
});
</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.
This javascript will move the accessibility-button in the DOM to the top of the page so it is the first tab, the icon will still show at the bottom of the page, it will also change the tabindex so you can tab to it. With the css above to add a red border, the first tab will show this:

and then if you hit the enter key it will open:

Best regards,
Mike

Hi,
Change this css:

#av-burger-menu-ul li.av-show-submenu > .sub-menu > li > a > .avia-menu-text {
	color: yellow;
}

to this:

#av-burger-menu-ul li.av-show-submenu > .sub-menu > li > a > .avia-menu-text {
	color: yellow;
	font-size: 20px;
	line-height: 20px;
}

then add this css:

.html_av-overlay-full #top #wrap_all #av-burger-menu-ul li.av-show-submenu li {
    line-height: 20px;
}

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

Best regards,
Mike

Hey 34oldcat29,

The update to 7.1 has to be done manually from the version you are running, please refer to my replies in this thread: https://kriesi.at/support/topic/enfold-4-5-theme-update-update-failed-download-failed-a-valid-url-was-not-pro/#post-1021541
You can either update manually via FTP: https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#theme-update, or upload the theme as if it was new under Appearance->Themes->Add New Theme.
If that doesn’t work then please try to delete the whole theme folder, then replace it with the new version. Make sure that you have backups of the site before starting updating.
Also please read this after you have updated: https://kriesi.at/documentation/enfold/

Best regards,
Rikard

Hi,

Thank you for the update.

You can add this code in the Enfold > General Styling > Quick CSS field to adjust the position of the onsale or promo badge.

#top .onsale {
    top: -29px;
    right: 8px;
    left: auto;
}

View post on imgur.com

Best regards,
Ismael

Hi,

To adjust the size and position of the slider arrows, try to add this css code:

#top .avia-smallarrow-slider .avia-slideshow-arrows a {
  opacity: 0;
  margin: 0;
  width: 50px !important;
  height: 50px !important;
  line-height: 50px !important;
  font-size: 20px !important;
  top: 0;
}

#top .avia-smallarrow-slider .avia-slideshow-arrows a.avia-svg-icon svg:first-child, #top .avia-smallarrow-slider .avia-slideshow-arrows a.avia-svg-icon img[is-svg-img="true"] {
  height: 20px;
  width: auto;
  margin-top: 15px;
}

#top .avia-smallarrow-slider .avia-slideshow-arrows {
  position: relative;
  width: 120px;
  top: 20px;
  left: auto;
  height: 24px;
  right: 10px;
}

If you’re trying to disable the image overlay, add this code:

.image-overlay, .image-overlay .image-overlay-inside {
    display: none !important;
}

Best regards,
Ismael

Hi,

We may need to adjust the maximum width of the nav menu itself and the left/right margin of the elements in the top header including the logo and the custom header widgets.

/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {

  /* Add your Desktop Styles here */
  .responsive #top #header #header_main .inner-container .main_menu {
    order: 5;
    flex-basis: 100%;
    align-items: center !important;
    align-self: center !important;
    justify-content: center !important;
    height: inherit !important;
    margin-bottom: 0px;
  }

  .responsive #top #header #header_main .inner-container .main_menu .avia-menu {
    max-width: 1340px;
  }

  .responsive #top #header #header_main .inner-container .logo {
    margin-left: calc(50% - 570px);
  }

  .responsive #top #header #header_main .inner-container .widget:nth-child(5) {
    margin-right: calc(50% - 640px);
  }
}

View post on imgur.com

Best regards,
Ismael

Hey Launebaer1981,

Thank you for the inquiry.

The following thread should help: https://kriesi.at/support/topic/importing-lots-of-data-to-scf-custom-posts-all-having-same-template/#post-1473810

You may need to update the custom layout ID in _aviaLayoutBuilderCleanData and make sure the post type slug is correct. Also, remove this line to prevent the header from being set to transparent.

update_post_meta($post_id, 'header_transparency', 'header_transparent header_hidden');

Best regards,
Ismael

Hi,

Try adding this css code to adjust the padding of the black section.

/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

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

  /* Add your Mobile Styles here */
  #top #main #av_section_2.avia-section .template-page {
    padding: 20px 0;
  }
}

View post on imgur.com

Best regards,
Ismael

Hi,

Try to use this css code to adjust the font size of the menu items inside the nav widget:

#top .widget_nav_menu li {
    font-size: 16px;
}

Best regards,
Ismael

Hey JennyGr,

Thank you for the inquiry.

You can use this css code to adjust the styte of the header and the breadcrumbs container on mobile view:

/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

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

  /* Add your Mobile Styles here */
  .responsive #top #wrap_all .av-logo-container .widget {
    display: none;
  }

  #top #wrap_all .title_container .main-title {
    display: none;
  }

  .responsive .title_container .main-title+.breadcrumb {
    top: 10px;
    left: 0px;
  }

  .responsive #header_meta .sub_menu>ul>li {
    display: none;
  }

  .responsive #header_meta .sub_menu>ul>li:last-child {
    display: block;
  }
}

Best regards,
Ismael

Hey William,

Thank you for the inquiry.

Try to add this css code to decrease the default top margin of the flex column table container and make the spaces consistent on mobile view.

#top .flex_column_table.av-equal-height-column-flextable:not(:first-child) {
    margin-top: 6px;
}

/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

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

  /* Add your Mobile Styles here */
  .responsive #top .container .av-content-small,
  .responsive #top #wrap_all .flex_column,
  .responsive #top #wrap_all .av-flex-cells .no_margin {
    margin-bottom: 8px;
  }

  #top .flex_column_table.av-equal-height-column-flextable:not(:first-child) {
    margin-top: 0;
  }
}

View post on imgur.com

Best regards,
Ismael