Hey Helmut,

Thank you for the inquiry.

Those are the thumbnails registered by the theme. If you need to remove them, be sure to create a site backup, then use the remove_enfold_image_sizes function provided in this thread: https://kriesi.at/support/topic/prevent-auto-multi-image-generation/#post-1431800

Best regards,
Ismael

Hey slikslok,

Thank you for the inquiry.

You may need to use a smaller logo or limit the number of items in the main menu. To adjust the size of the logo, try to add this css code:

.logo img, .logo svg {
    max-width: 400px;
    top: 40px;
}

You can also set the main menu to display as icon instead of text (Main Menu > General > Menu Items For Desktop).

Best regards,
Ismael

Hey volkantuncer,

Thank you for the inquiry.

Try to add this css code to make sure the products are centered.

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

  /* Add your Mobile Styles here */
  .responsive #top #main .product-sorting.avia-product-sorting+.products {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  .responsive #top #main .products .product:nth-child(even) {
    margin-right: 0;
  }
}

View post on imgur.com

Best regards,
Ismael

Hi,

Thank you for the update.

Try to switch the builder to debug mode to enable the shortcode field.

— https://kriesi.at/documentation/enfold/intro-to-layout-builder/#debug-mode

Once the debug mode is enabled, add this template in the shortcode field, the update the page. Edit the Catalogue element, then follow the format of the second item in the list (CHEESEBURGER).

— https://pastebin.com/26bBpUc4

To adjust the style of the custom catalogue element, add this code in the Quick CSS field:

#top .av-patty-menu .av-catalogue-list {
  border-top: 0;
}

#top .av-patty-menu ul li:first-child .av-catalogue-item .av-catalogue-item-inner {
  height: 48px;
}

#top .av-patty-spacer {
  width: 20px;
  display: inline-block;
}

#top .av-patty-spacer-title {
  display: block;
  text-align: center;
}

View post on imgur.com

Best regards,
Ismael

Hey awasner,

Thank you for the inquiry.

You can add the following code to the functions.php file to separate the title from the term description.

remove_action( 'woocommerce_archive_description', 'woocommerce_taxonomy_archive_description', 10 );
remove_action( 'woocommerce_archive_description', 'woocommerce_product_archive_description', 10 );

add_action( 'woocommerce_before_shop_loop', 'av_woocommerce_before_shop_loop_mod', 5 );
function av_woocommerce_before_shop_loop_mod() {
    if ( is_product_taxonomy() ) {
        echo '<h1 class="term-title">' . single_term_title( '', false ) . '</h1>';
    }
}

add_action( 'woocommerce_after_shop_loop', 'av_woocommerce_after_shop_loop_mod', 15 );
function av_woocommerce_after_shop_loop_mod() {
    if ( is_product_taxonomy() ) {
        $term = get_queried_object();
        if ( isset( $term->description ) && $term->description ) {
            echo '<div class="term-description">' . wpautop( $term->description ) . '</div>';
        }
    }
}

Best regards,
Ismael

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

Hi,
This is because the mobile menu “av-burger-menu-ul” is not loaded until the burger menu is clicked when you use the desktop menu, it is when you use the burger menu for desktops. But mobile devices don’t have a tab key.

Best regards,
Mike

Hey mountaintopengraving,
Thanks for the link to your site, but I didn’t find any pages or events that were blank in the backend, and I was able to edit the pages that I tested.
Your page /donnys-at-core-restaurant-menu-live-music-specials/ was created with the Block Editor and not the Enfold Advanced Layout Builder, and your About, Capri Room, appetizer-add-ons, pages were created with the Advanced Layout Builder and I found no issues editing them.
Are you using the same login that you posted for us?
What page can you not update, and what changes are you trying to make?

Best regards,
Mike

Hey schweg33,
I have opened the original thread so you can ask Guenni007, please post there and we will close this one.

Best regards,
Mike

Hi,
I see that you have this custom css:

#top .avia-smallarrow-slider:not(.av-slideshow-ui) .avia-slideshow-arrows a, #top .avia-smallarrow-slider.av-slideshow-ui .avia-slideshow-arrows.av-visible-prev a.prev-slide, #top .avia-smallarrow-slider.av-slideshow-ui .avia-slideshow-arrows.av-visible-next a.next-slide {
    width: 24px !important;
    opacity: 1;
}

this is forcing the width to 24px, you can change this css and then add the css above, or try this css instead:

#top .avia-smallarrow-slider:not(.av-slideshow-ui) .avia-slideshow-arrows a, #top .avia-smallarrow-slider.av-slideshow-ui .avia-slideshow-arrows.av-visible-prev a.prev-slide, #top .avia-smallarrow-slider.av-slideshow-ui .avia-slideshow-arrows.av-visible-next a.next-slide {
    width: 50px !important;
    height: 50px !important;
    line-height: 50px !important;
    font-size: 20px !important;
}
#top .avia-smallarrow-slider .avia-slideshow-arrows {
  position: relative;
  width: 120px;
  left: auto;
  height: 50px;
  right: 10px;
}
#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;
    margin-top: 17px;
}

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

with this new css:

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

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 #header .social_bookmarks {
        display: block;
    }
    #avia2-menu #menu-item-8506,#avia2-menu #menu-item-9168,#avia2-menu #menu-item-6813 {
    	display: none;
    }
    #header_main #text-8,#main .main-title {
    	display: none;
    }
    #top #main .title_container .container {
    padding-bottom: 0;
    min-height: 25px;
    }
    #full_slider_1 *:not(.avia-caption-title, .avia-caption-content, .avia-caption-content p) {
    	min-height: 90px;
    }
}

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

with this css:

Best regards,
Mike

Hi,
Your section with the ID #samplewebsites is hidden on small mobile devices:

probably because you wanted to show the next section only on small mobile:

but that section has no ID, so the mobile menu can’t link to it.
Note that all IDs on a page must be unique and used only once, so to correct your issue, add a ID to the second color section like “mobilesamplewebsites”
then add a second menu item under the current samplewebsites menu item, with the custom classes “av-desktop-hide av-medium-hide av-small-hide” and a link of #mobilesamplewebsites
and then add the custom class “av-mini-hide” to the current samplewebsites menu item.

Best regards,
Mike

Hi,
Thank you for your patience, try removing the css above and add this instead:

#top #menu-item-search a {
	z-index: 1;
  position: relative;
}

Best regards,
Mike

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