Hi,
Thank you for the link to your site and the screenshots, the large gap under the slider was caused by the JetPack image lazyload option, I disabled it for you and cleared your Autoptimize cache and now it is solved;

For the footer of your SBC page I added this css to your Quick CSS, clear your browser cache and check.

@media only screen and (max-width: 767px){
.responsive #top #footer .flex_column {
    margin: 0;
    margin-bottom: 20px;
    width: 100%;
}
}

It looks like the page structure is not correct on that page but I’m not sure the cause for it, if this css works and you don’t see any other issues then fine, otherwise try disabling all of your plugins and check again, if this doesn’t correct please create a staging site so we can investigate further. Is this page a custom post type? I didn’t find it in with your pages in the backend. Is it using the Advanced Custom Fields plugin? Is this the only page with this issue?

Best regards,
Mike

Hey MyWin,
Thanks for your patience, this is the Tab Section or Reiter-Sektion

Best regards,
Mike

Hi,
Thank you for your patience and the link to the page, Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (max-width: 767px) { 
#top.single-product .woocommerce-product-gallery .thumbnails a:nth-child(n+4) {
	display: none;
}
}

This will show one large image and three thumbnails on mobile so the product info also shows “above the fold”
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,
Thanks, but your theme editor is still disabled, can you enable it or include FTP access?
Did you try disabling all of your plugins and check if that solves?

Best regards,
Mike

Hi,
Thanks for the login to your site, I see that in your child theme functions.php you had an unclosed comment line:

this caused all code below it to be disabled, I closed the comment line for you and now the script changes the h3 footer widget tags to paragraph tags:

Please clear your browser cache and check and let us know this is now successful and we will close this thread.
If you have any additional issues please open a new thread so we can assist, we try to keep each thread on topic, thank you for your patience and understanding and for using Enfold.

Best regards,
Mike

Hi,
Glad to hear, let us know if this helped and we will close this thread.

Best regards,
Mike

Hey John,
Thanks for the link to your site I see on your Enfold Theme Options ▸ Import/Export ▸ Export Layout Builder Templates you have two templates, I exported them to my test site and they work correctly. So I don’t believe there is a issue with the templates themselves. I recommend disabling all of your plugins. If that resolves the issue, reactivate each one individually until you find the cause.
I see that you also have the elementor installed, we do not recommend mixing other builder with the Advanced Layout Builder, if you have more Layout Builder Templates that are now lost and they included other builder elements then they may have been corrupted.
If this is not the case but you still have lost Layout Builder Templates try checking with your webhost to see if you can roll back to a previous backup and restore it. Then export your Layout Builder Templates to your computer as a backup. Then you can disable your plugins and update your theme and check if your Layout Builder Templates are working. Then enable your plugins one at a time to find the conflict.

Best regards,
Mike

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

#top .av-horizontal-gallery-wrap .text-under-image {
    width: 400px;
    word-break: break-word;
    overflow-wrap: break-word;
    white-space: break-spaces;
}

adjust the width “400px” to a width that will be good for your items, you have some items smaller than 400px but this seems to work for most of your items. You can’t use a percentage so it needs to be a fixed width.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hey dynamitekonzerte,
Thanks for your patience, if you create a menu and choose to use it in your full width sub menu then the class current_page_item will be added to the sub menu item when the page is landed on.
You can use css like this to highlight the menu item text:

#sub_menu1 .av-subnav-menu .current_page_item a {
    color: #000;
}

Best regards,
Mike

Hey bulldog232,
Thank you for your patience, I see that you are using a child theme but the theme editor seems to be disabled, I see this text at the top of your homepage /* impact verification below*/ and I think it many be in your child theme functions.php but I’m not sure, please enable your theme editor.
I copied your homepage to my test site and the testimonials element is the correct width, please see the screenshot in the Private Content area, so I’m thinking the cause is a custom function or file in your child theme or a plugin.
Have you tried disabling your plugins? If that resolves the issue, reactivate each one individually until you find the cause.
I believe your sidebar issue is related to ths error.

Best regards,
Mike

Hi,
Thanks for the feedback, but the password to your site doesn’t work, please check.
Is the transparency in the burger menu in the screenshot that I posted the way you would like it?

Best regards,
Mike

Hey laptophobo,
Thank you for the link to your demo site, perhaps using a text element and a image element in the same column with Grid CSS would be a good solution:

Try adding the custom class grid-column to a full width column, and add the custom class grid-image-right to the image element inside the column. Then add your text element inside the column but we won’t use a custom class for it.
Add this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (min-width: 768px) { 
.grid-column {
    display: grid;
    grid-template-columns: repeat(12,1fr);
    grid-template-rows: auto;
    grid-column-gap: 1pc;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.grid-image-right {
	display: grid;
    grid-column-start: 4;
    grid-column-end: span 9;
    grid-row: 1;
}
.grid-column .av_textblock_section {
	display: grid;
    grid-column-start: 1;
    grid-column-end: span 5;
    grid-row: 1;
    padding: 8%;
    color: #000;
    background-color: #eee;
    z-index: 1;
}
}

and adjust the colors to suit.
Now below 767px, for mobile the image and text will be stacked:

and for tablet and above the text offset will be consistent:

I tried to do this with the image caption but it didn’t work well with the image element structure and the caption field doesn’t allow HTML and buttons easily like the text element so this may be more useful.

Best regards,
Mike

Hey S.,
There is no global setting for the default height.
If you want to create a global default height you could try this css:

#top .av-fold-unfold-container.folded {
	max-height: 60px !important;
}

and adjust to suit.

Best regards,
Mike

Hi,
To add some transparency to your burger menu try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top #wrap_all .av-burger-overlay-scroll {
    background-color: rgb(28 28 28 / 60%);
}

After applying the css, please clear your browser cache and check.
Please see the screenshot in the Private Content area of the expected results.

Best regards,
Mike