Hi,
I found the issue was happening on mobile and tablets, and I couldn’t adjust it enough to solve.
So I tried a new solution, I removed your shop banner and uploaded a cropped version for mobile, then added this css:

@media only screen and (min-width: 1440px) { 
div.av-section-color-overlay-wrap {
    background-image: url(https://site.de/wp-content/uploads/2017/12/shop-header-alleweine.jpg);
    background-repeat: no-repeat;
    background-size: contain !important;
    background-position: 50% 2%;
}
.avia-section-large .content {
    padding-top: 40px!important; 
    padding-bottom: 80px!important; 
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) { 
div.av-section-color-overlay-wrap {
    background-image: url(https://site.de/wp-content/uploads/2017/12/shop-header-alleweine.jpg);
    background-repeat: no-repeat;
    background-size: contain !important;
    background-position: 50% 2%;
}
.avia-section-large .content {
    padding-top: 20px!important; 
    padding-bottom: 80px!important; 
    margin-top: -20px !important; 
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) { 
div.av-section-color-overlay-wrap {
    background-image: url(https://site.de/wp-content/uploads/2017/12/shop-header-alleweine.jpg);
    background-repeat: no-repeat;
    background-size: contain !important;
    background-position: 50% 30%;
}
.avia-section-large .content {
    padding-top: 20px!important; 
    padding-bottom: 80px!important; 
}
}
@media only screen and (max-width: 767px) { 
div.av-section-color-overlay-wrap {
    background-image: url(https://site.de/wp-content/uploads/2018/01/shop-header-655-300x65.jpg);
    background-repeat: no-repeat;
    background-size: contain !important;
    background-position: 50% 1%;
}
.avia-section-large .content {
    padding-top: 0px!important; 
    padding-bottom: 0px!important; 
}
}

It seems to work for mobile, tablet, laptop & desktop
please see screenshots in Private Content area.
Please clear your browser cache and check, if you don’t like it we can go back.

Best regards,
Mike

Hi,
That is the tooltip for the button, which doesn’t have a click action. On a desktop it is the on-hover action, on mobile it shows on the button click but after the new window opens in the foreground. Essentially the tooltip does nothing.
So I understand that on iPhone X, clicking the share button is not opening a new window to share, but double tapping will open the new window?
Does the iPhone X typically block popups? Is there a popup blocker setting?
Try this code in the General Styling > Quick CSS field:

.av-share-box .avia-related-tooltip {
  display: none !important;
}

Best regards,
Mike

Hi,
Glad we were able to help, shall we close this then?

Best regards,
Mike

Hey denisj77,
I’m not sure I understand, do you mean have a image background span the whole page and behind the sidebar, or have a background color? Can you include a screenshot of what you would like to see?

Best regards,
Mike

Hey hfhf,
Is the plugin currently active? Because your site and the demo look the same right now.

Best regards,
Mike

Hey goldengate415,
I have tried to recreate this issue on a Windows desktop & Android mobile at Social Share Button Element but they both behave the same. Does this element behave the same for you? What devices are you using?

Best regards,
Mike

Hi,
I haven’t tried this myself, but I found some resources on the subject that may help point out where your error is.
Adding a custom element to the Enfold Avia Builder
Add a new avia layout builder element
Add Custom Element in Enfold Avia Layout Builder
Add new or replace Advanced Layout Builder elements from Child Theme
Here is a active member of the forum that has built a impressive set of elements, Kahil:
Custom Enfold Layout Elements

Best regards,
Mike

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

Best regards,
Mike

Hey Sal,
Use a Full Width Button element and add this to Quick CSS to hide the button background so the grid cell background is visible though the button:

.flex_cell_inner .avia-button.avia-button-fullwidth {
    background: transparent !important;
}
.avia-button-wrap.avia-button-center a{
height: 400px;
}

Adjust the height to match your element.

To be sure not to have a conflict with other buttons, you may wish to enable the builder custom classes.
To do this try adding this code to the end of your functions.php file in Appearance > Editor:

add_theme_support('avia_template_builder_custom_css');

this will allow you to add a custom class to your buttons.

then add this class to your css, for example the screenshot shows “bigbutton” as the class:

.flex_cell_inner .bigbutton .avia-button.avia-button-fullwidth {
    background: transparent !important;
}
.avia-button-wrap.avia-button-center.bigbutton a{
height: 400px;
}

Best regards,
Mike

Hi,
Glad we were able to help, shall we close this now?

Best regards,
Mike

Hi,
There is not a built-in element for this, but there are many plugins such as Instagram Feed for WordPress that you could try.

Best regards,
Mike

Hi,
Are you using the shortcode in the avia layout builder? Please try the standard editor and the shortcode in the text tab. (not the visual tab)

Best regards,
Mike

Hi,
Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

1. Install and activate ” Temporary Login Without Password “.
2. Go to ” Users > Temporary Logins ” on the left-side menu.
3. Click ” Create New “.
4. Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
   ( do be sure that we have enough time to debug ).
5. Click ” Submit “.
6. You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.

When your issue is fixed, you can always remove the plugin!
If you prefer to not use the plugin, you can manually create a admin user and post the login credentials in the “private data” field.

Best regards,
Mike

Hi,
Thank you, I tried to add a item to the cart to see the issue, but didn’t see the cart at all?
Has something changed, or did I misunderstand the question?
please see screenshot in Private Content area

Best regards,
Mike

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

Best regards,
Mike