Hey carmen,
Thanks for your question, if you use the Enfold builder, (ALB) Advanced Layout Builder, to build a page please don’t edit it with another builder, like the WP Classic Editor, Block Editor, etc. This can lead to issues, if you want to see the raw page shortcode please Enable the Avia Layout Builder Debugger and this will show a new area under the builder that shows the shortcode.

Best regards,
Mike

Hi,

Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

.av-lsh4cogd-a3efe67e0d537b1ce26e3bade8c60c08 .av-image-caption-overlay-center {
  vertical-align: bottom;
}

Best regards,
Rikard

Hey designmek,

Please try the following in Quick CSS under Enfold->General Styling:

.wc-block-components-combobox .wc-block-components-combobox-control label.components-base-control__label {
  top: -27px;
}

Best regards,
Rikard

Hi,

Great, I’m glad to hear that you found a solution. We’ll close this thread for now then, please open a new thread if you should have any further questions or problems.

Best regards,
Rikard

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

@media only screen and (max-width: 1190px) {
#top .avia-icongrid.av-flex-cells.av-break-989 .av-icon-cell-item {
    flex: 1 1 100%;
}
}

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

Hi,
Very well, 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

Hey beverlystone,
Thank you for the link to your site and the screenshot, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (max-width: 767px) {
.responsive .avia_responsive_table .avia-data-table tr:first-child th {
    display: block;
}
.responsive .avia_responsive_table .avia-data-table td:before {
	display: none;
}
}

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

Hi,
I’m not sure if WPML works with the Elementor elements, I assume that it does.
I don’t recommend using Elementor, Enfold has it’s own built-in builder and typically other builders can cause a conflict.
Unless there is anything else we can assist with on this issue, shall we close this thread then?

Best regards,
Mike

Hi,
Thank you for the link to your site but the login gives this error:
Unknown email address. Check again or try your username.
Please check.

When you say that the “comments are not being received” do you mean that you are not getting the email or they are not in the comment section of WordPress?
Enfold doesn’t customize the WordPress comment function, so if you are not getting the email alerting that you have a new comment it could be that it is going to your email spam folder, or some webhosts use Apache SpamAssassin which will sometimes delete the spam before it goes to your spam folder.

Your site should be using the email address for your domain and you should be using a SMTP plugin to send emails, like WP Mail SMTP, because the built-in WordPress PHP mail can trigger a spam rating. You should also not use a free email box like Gmail.
Try setting this up and see if it helps, otherwise correct the login and install the plugin WP Mail Logging to help.

Best regards,
Mike

Hi,
Thanks Guenni007, the Layout Builder Templates are only text in the database and probably not the cause for the directory site.
Try going to your cPanel for your webhost and click on the Disk Usage

then scroll to the bottom were the directory tree is and expand it to show the directories and see which ones have the largest sizes:

then you and determine if there is anything that you can remove to free up space.
Also look at your trash directory it could be holding a lot of old stuff:

Best regards,
Mike

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

.avia-video {
  width: 31%;
  position: relative;
  overflow: hidden;
}
.avia-video video {
  object-fit: cover;
}

this will affect all of the videos on your site, so if you only want it on a few add a custom class to the videos and then adjust the css to match.
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

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

@media only screen and (max-width: 767px) {
.responsive #top.page-id-472 .avia-data-table.avia_pricing_minimal tr {
    padding-bottom: 20px;
}
}

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

Hi,
Your welcome, 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,
Ok, please remove the last snippet and try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field instead:

@media only screen and (max-width: 767px) {
.responsive #top.page-id-472 .avia_responsive_table .avia-data-table tr:first-child th {
	display: block;
}
.responsive #top.page-id-472 div .avia_responsive_table .avia-data-table td, .responsive #top.page-id-472 div .avia_responsive_table .avia-data-table th {
	padding: 0;
}
}

This is the expected results:

Best regards,
Mike

Hi,
Strange indeed, I didn’t find any errors, but 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

Hey Munford,
Thanks for the link to your page and the screenshots, please try doing it this way, in your video element add your self-hosted video link without ?iframe=true and a fallback image:

Then in the advanced tab, choose to show the video in a lightbox:

Then the video should open in a lightbox and play without a second click, this works for me on Android and I assume it will also work on IOS, but I don’t have an iPhone to test on. Please see my test page linked below in the Private Content area.
As for the little image showing when the lightbox shows, I don’t see this on your or my site, but I do see the media player loading on click while the lightbox is loading and before the video is loaded, this happens very quickly, and so when I tried to get a screenshot of it the small image did show:

but with my eye I only saw a small black box, so since this is the loading of the WordPress media player, Enfold uses the WordPress media player, I don’t think we can change this.
I hope this helps.

Best regards,
Mike

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

.page-id-214219 #header_main .container, 
.page-id-214219 .main_menu ul:first-child>li a,
.page-id-214219 .main_menu ul:first-child>li {
    height: 40px;
    line-height: 40px;
}
.page-id-214219 li.dropdown_ul_available:not(#menu-item-5472)::after {
    content: "▼";
    color: #210e23;
    position: absolute;
    top: -4px;
    left: -3px;
    font-weight: bold;
}

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

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

@media only screen and (max-width: 500px) { 
.responsive #top #wrap_all #main {
        padding-top: 81px !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

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,
The two question affect each other, so lets start with the second question.
Currently on mobile your table is like this:

To make it easier to read, how about this:

To achieve this try adding this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (max-width: 767px) {
.responsive #top.page-id-472 .avia_responsive_table .avia-data-table tr:first-child th {
	display: inline;
}
.responsive #top.page-id-472 div .avia_responsive_table .avia-data-table td, .responsive #top.page-id-472 div .avia_responsive_table .avia-data-table th {
	display: inline;
}
.responsive #top.page-id-472 .avia-data-table.avia_pricing_minimal tr {
    padding-bottom: 20px;
}
}

Ensure to keep the other css above. This also solves the first question.
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

Hi,

Please try adding the Google translate code in a widget in the header instead: https://kriesi.at/documentation/enfold/header/#adding-a-header-widget-area

Best regards,
Rikard