Hi,
Ok, so you would like to have the default “from” email header, which is the sender’s email address, but also include the name of the sender in the field, and you would also like to add the “reply-to” field in the header with the sender’s address?
Unfortunately, I have not been able to do this and have asked the team to assist.

But in my research, I found that some server spam filters require the “from” address to match the domain of the contact form and the “reply-to” address be used with the address of the person filling out the form.
You may want the ask your webhost what, if any, requirements they have for email headers from your contact form.

Best regards,
Mike

Hi,
Thanks, sorry this has been frustrating, I tried testing again without changing anything just so I could see the error before trying to isolate the issue, but editing Advanced Layout Builder pages, posts, portfolios all worked well without errors.
Perhaps you could make a screencast video of the error so we can see it and maybe it will give us a clue.
I’m using Chrome on Windows, are you using a Mac?

Best regards,
Mike

Hi,

@MHUW Thank you for the login, I see that your webhost has the “PHP ZipArchive Extension” disabled, please ask to have it enabled, it is needed to extract the zip file that you upload.

Best regards,
Mike

Hi,

@AwiIlanKali thank you for the link, I took a look at your buttons and adjusted the css for your buttons that were using some different classes and it seems to work now. Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

#top .main_color .btn a.avia-button.avia-color-custom {
     color: rgba(255,255,255,0.9) !important; 
     border-radius: 50px !important; 
     background: linear-gradient(-45deg, #FFA63D, #FF3D77, #338AFF, #3CF0C5) !important;
     border-color: transparent !important; 
     background-size: 600% !important; 
     animation: anime 16s linear infinite; 
}

 @keyframes anime {
   0% {
     background-position: 0% 50%;}
   50% {
     background-position: 100% 50%;}
   100% {
     background-position: 0% 50%;}
}

Here is the result:
via GIPHY

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

Best regards,
Mike

Hi,
Sorry, please try this instead:

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

Best regards,
Mike

Hi,
Sorry for the late reply and thanks for the shortcode from your table, first you ask if there is an easier way to get your shortcodes, and using the Avia Layout Builder Debugger would be easier to get and share your code. The function in the link will create a box under your builder with the page shortcodes:

Anyways, I have seen this before and it is explained that for mobile devices with large complex tables this would make it easier to read as you scrolled down. But we can correct this with css. I tried adding your site to my hosts file but it didn’t work without rebooting, which I can’t do right now, so normally I would include a page ID and maybe a section ID, but this will work as-is. Please add this to your Quick CSS and then clear your browser cache and any cache plugin, and check.

@media only screen and (max-width: 767px) { 
.avia-table td:before {
	display: none !important;
}
}

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

Best regards,
Mike

Hey maxfox167,
Sorry for the late reply, let us start with post navigation, the css below restores the navigation to the mobile screen and makes it darker:

@media only screen and (max-width: 767px) {
.responsive #top .avia-post-nav {
    display: block !important;
}
}
#top .avia-post-nav {
    background: rgba(0,0,0,0.5) !important; 
}

For the arrows, when the navigation is closed the arrows are in the center of a small area and when we hover you will note that the arrows stay in that position while the post preview “grows” from it if you would like to try having the arrow to the other side of the image, please try this css:

#top .avia-post-nav:hover.avia-post-prev .label {
    left: 260px !important; 
}
#top .avia-post-nav:hover.avia-post-next .label {
    right: 260px !important; 
}

Please try these codes in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field, Then clear your browser cache and any cache plugin, and check.

I see that you are using Enfold v4.4.1 which had a few issues with the WordPress v5 and WPML, so I recommend upgrading to see if this helps with your other issues. Please try the beta version in the Private Content area because the dev team has fixed a lot of issues recently. The easiest and safest way to do this is to rename your current theme in /wp-content/themes/enfold/ to “enfold-old” via ftp then upload the new “enfold” and check that your site is working correctly.
Once you are happy you can delete the “enfold-old” via ftp, (not the WP theme page)
Should for some reason you wish to roll-back to the old version, it’s easy to do, simply rename the new “enfold” to “enfold-new” via ftp and then rename “enfold-old” to “enfold” then refresh your page.
Please don’t try to overwrite the theme folder, as this will leave old files behind and cause errors.

If you don’t feel comfortable with this I can assist, but I will need an admin login & ftp access, then we can see if you still need help with the other issues.

Best regards,
Mike

Hi,
Thanks for the feedback, Try adding this code to the end of your functions.php file in Appearance > Editor:

add_filter('avf_form_from', 'enfold_contact_form_change_from', 10, 3);
function enfold_contact_form_change_from($from, $new_post, $form_params) {
        global $enfold_visitor_from;
        $enfold_visitor_from = $from;
        $from = "info@<domain>";
        return $from;
}

add_filter( 'avf_form_mail_header', 'enfold_contact_form_add_replyto', 10, 3 );
function enfold_contact_form_add_replyto( $header, $p1, $p2 ) {
        global $enfold_visitor_from;
        $header .= 'Reply-To: ' . $enfold_visitor_from . "\r\n";
        return $header;
}

please be sure to change the email address in the code and test on a current version, I tested on v4.5.7 and it works correctly.

Best regards,
Mike

Hi,
Sorry for the late reply, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

#top #termine.main_color .avia-table.avia-table-4 tr.avia-heading-row th {
    border: solid 1px #fff !important; 
}
#top #termine.main_color .avia-table.avia-table-4 tr:nth-child(3) {
	border: solid 1px #cde5e6 !important;
}

#top #termine.main_color .avia-table.avia-table-4 tr:nth-child(2) > td:nth-child(1),#top #termine.main_color .avia-table.avia-table-4 tr:nth-child(3) > td:nth-child(1) {
	border-right: solid 1px #cde5e6 !important;
}

Then clear your browser cache and check.

Best regards,
Mike

Hi,
Thanks for the feedback, I have tested the default email header for Enfold v4.5.7 and confirm that the from address is correct.
So I checked your site and see that you are using Enfold v4.0.7 which is very outdated.
Please try updating your theme to correct this.

Best regards,
Mike

Hey jillinnemann,
Sorry for the late reply, and thanks for the link and screenshot. Unfortunately there is not a good way to do this that will work for all screen sizes because these are really 4 different tables next to each other, not 1 table, so the height of each cell in each column has to be set. Yet these would have to be re-calculated for each screen size because a percentage won’t work.
If it was one table then the content of the first column cells would set the whole row, think of a spreadsheet.
But if you would like to give it a try I can explain what css to use, we will look at the first cell that is larger “Angebote, Aufträge, Lieferscheine, Rechnungen”, so to make all of the cells in that row the same use this css:

#top.page-id-1346 div.avia-table.main_color.avia-pricing-table-container ul > li:nth-child(8) {
	height: 72px !important; 
}

then all you need to do is chage the nth-child number for each cell after that one working down, skipping the cells that are not larger, and also change the height for each one to match your text.
now you will want the icons to be centered, so use this css:

#top.page-id-1346 div.avia-table.main_color.avia-pricing-table-container ul > li:nth-child(8) img {
	position: absolute;  
	top: 50%;  
	left: 50%;  
	transform: translate(-50%, -50%);
}

and just match the nth-child numbers you came up with.
Please see the screenshot in Private Content area.
If you test the css above, be sure to clear your browser cache.

I would recommend re-wording your text and maybe making the font smaller to fit the cells, or use an on-hover popup to show your full text.
I hope this helps.

Best regards,
Mike

Hey zeadZeven,
Entschuldigung für die verspätete Antwort, danke für den Link, aber ich sehe, dass Ihre beiden Buttons Linkfehler haben:
/?page_id=3576/#homewerwirsind
/?page_id=3576/#contact
bitte korrigieren an:
#homewerwirsind
#contact
Dadurch rollen Ihre Links reibungslos.
Wenn sich der Link in der Adressleiste ändert, können wir dies nicht ändern. Dies ist normal.
Sie könnten versuchen, ein Plugin wie Zur ID blättern zu verwenden. Ich glaube, es behebt dieses Problem.

— Translated with Google —

Sorry for the late reply, thanks for the link, but I see that your two buttons have link errors:
/?page_id=3576/#homewerwirsind
/?page_id=3576/#contact
please correct to:
#homewerwirsind
#contact
this will make your links scroll smooth.
for having the link in the address bar change, we can not change this, it is normal.
You could try using a plugin such as Page scroll to id, I believe it addresses this.

Best regards,
Mike

Hi,
Thanks for the feedback, I took a look at your site and found that you have this custom css hiding it:

.woocommerce.woocommerce-page .sidebar.sidebar_sidebar_right.alpha.units {
    display: none!important;
}

please look for this and remove it, Please see the screenshot in Private Content area.

Best regards,
Mike