Hi,
Sorry for the late reply, thanks for the login, first I recommend not using the built-in screen options for your situation, and I noticed that both of your sections have the same ID, so I changed this for you to reduce conflicts.
Now the reported media queries for the iPad Pro 9.7 is 768px Portrait, and 1024px Landscape, and you want this device to see the same image both ways, so your first media query for smallest devices will go up to 1030px, to give us a little wiggle room, and then anything over 1031px will see the second image for desktops.

@media only screen and (max-width: 1030px) { 
 #top #wrap_all #ueber-desktop {
        display:none !important; 
    }
}
@media only screen and (min-width: 1031px) { 
  #top #wrap_all #ueber-mobile  {
        display:none !important; 
    }	
}

I have applied this for you and tested by emulating a tablet on my desktop, please clear your browser cache and check.
Please note that my understanding is that iPads are harder to clear the cache, so please try a couple of times.

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.page-id-1065 #av_section_1 > div > div > div > div > div.avia-table.main_color.avia-pricing-table-container.avia_show_empty_cells.avia_pricing_default.avia-table-1.avia-builder-el-8.el_after_av_heading.el_before_av_hr > div:nth-child(3) > ul > li.avia-heading-row {
	background-color: #317B0E !important; 
	border-color: #317B0E !important; 
}
#top.page-id-1065 #av_section_1 > div > div > div > div > div.avia-table.main_color.avia-pricing-table-container.avia_show_empty_cells.avia_pricing_default.avia-table-1.avia-builder-el-8.el_after_av_heading.el_before_av_hr > div:nth-child(4) > ul > li.avia-heading-row {
	background-color: #9C9D9D !important; 
	border-color: #9C9D9D !important; 
}

Best regards,
Mike

Hi,
Sorry for the late reply, is this what you are trying for?

is it only these three items, or all items in the last two rows?
Are you adding any more items to these columns?

Best regards,
Mike

Hi,
Sorry for the late reply, have you tried uploading your font in the theme settings “Import” > “Custom Font Manager”?

Best regards,
Mike

Hey StephanPfluegler,
You can probably get the menu items pretty close by using css to add extra space between the menu groups and changing the font sizes, but each time you add or remove menu items you would need to rewrite the css. The items at the top of the menu would be much tricker, and require some javascript.

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,
Glad to hear, thanks 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 under Enfold sub forum and we will gladly try to help you :)

Best regards,
Mike

Hi,
Wir entschuldigen uns für die verspätete Antwort und freuen uns, dass Sie ein Update durchführen konnten. Es gab einen bekannten Fehler in der von Ihnen verwendeten Version und ein manuelles Update war erforderlich. Jetzt haben Sie das Richtige Berechtigungen für Ihr Token. Sie sollten keine zukünftigen Probleme haben.

— Translated with Google —

Sorry for the late reply and glad you were able to update, there was a known error in the version you had and a manual update was necessary, but now that you have updated and assigned the correct permissions to your token you should have no future issues.

Best regards,
Mike

Hi,
Thanks for the link and screenshot, so currently the mobile brake point for the page is 767px, so we will change it to 1399px, at that point there is plenty of room for the 3 columns.
Please try this css:

@media only screen and (min-width: 768px) and (max-width: 1399px){
#top .sidebar_right.template-shop .single-product-summary,#top .sidebar_right.template-shop .single-product-main-image.alpha {
	width: 60% !important; 
}
#main > div.container_wrap.sidebar_right.template-shop > div {
	padding: 0 10px !important; 
}
}

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

Best regards,
Mike

Hey Hooge-AGS,
Sorry for the late reply, in my tests images in the layerslider are not marked as “attached” and it also seems that some other images may not be too. I do not believe this is an “Enfold” issue, it is how the images are uploaded and how WordPress records this, it seems that if the images are uploaded to the media library and then later used WordPress doesn’t always create an “attachment” page which is were the “attach” comes from. But if the image is uploaded at the time of creation they are “attached”
While I have not fully tested this I didn’t want you to try deleting all of your “unattached” images and files.

Best regards,
Mike

Hey Erwin,
Thank you for the link, this is sort of new, it is coming from the browsers for “A11y” or “ARIA”, for people with visual impairment. So the classic css “reset” used to set “outline” to “none” or zero but now as “we” (as in all developers) are preparing for new “A11y” standards, this practice is discouraged so now the browsers are showing the styles that they have been including in the “agent stylesheet” Anyways, please try this css to remove:

#top .main_color .tab:focus {
  outline: 0 !important;  
  outline: 0 -webkit-focus-ring-color !important; 
}

but perhaps a better solution would be to style it with your sites colors, such as this 1px slightly darker outline, please adjust it to the most you are willing to go keeping in mind of our visually impaired visitors and friends :)

#top .main_color .tab:focus {
  outline: #DBDBDB solid 1px !important;  
  outline: #DBDBDB solid 1px -webkit-focus-ring-color !important; 
}

Best regards,
Mike

Hi,
Thank you for the feedback, for mobile you will have to allow for full-width, I tried to check but couldn’t find the exact item as in your screenshot, but the ones I saw were correct, sidebar in desktop and full width in mobile.
Please see the screenshots in Private Content area.

Best regards,
Mike

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

function custom_script(){
  ?>
  <script>
jQuery(window).load(function(){
  jQuery( ".widget_icl_lang_sel_widget" ).appendTo( ".main_menu" );
  });
  </script>
<?php
}
add_action('wp_footer', 'custom_script');

Best regards,
Mike

Hi,
Sorry for the late reply, and thanks for the login. I took a look at the page you posted as an example of double images, but I don’t see double images?
I looked and your theme and it’s up to date.
To clone your site to your localhost, I will assume that you already have a localhost set up, so then I would recommend using the Duplicator plugin from “Snap Creek” (there is a knock-off in the archive) it’s very good, watch the video.

Best regards,
Mike

Hey bobfurgo,
Sorry for the late reply, I was able to get past your htaccess login, but couldn’t login to WordPress, but it’s ok I was able to examine your site and adjust your css so it will work. Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

#top #wplc_hovercard #wplc_hovercard_bottom #speeching_button, #wp-live-chat-inner #wplc_message_div #wplc_na_msg_btn {
border-radius: 0px !important;
font-family: lato !important;
}

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

Best regards,
Mike