Hi,
I believe that to use different shop banners for pages and categories you will need to use a plugin such as: Woocommerce Category Banner Management Please review the plugin video to see if this is what you had in mind.

Best regards,
Mike

Hey Dandelion222,

Try this code in the General Styling > Quick CSS field:

.avia_desktop .av-hover-overlay-active .av-masonry-image-container {
    opacity: 1!important; 
}

.avia_desktop .av-masonry-entry:hover .av-masonry-image-container {
    -webkit-transform: none!important; 
    transform: none!important; 
}

Best regards,
Mike

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

Best regards,
Mike

Hi,
I added the custom classes option to your child theme for the layout builder, by adding this code to your child theme functions.php file in Appearance > Editor:

add_theme_support('avia_template_builder_custom_css');

Then I went to the bottom of your text block element and added “costumes” as the css class.

Then I added this code in the General Styling > Quick CSS field:

.costumes a {
    color: #155563 !important;
    text-decoration: underline !important;
}
.costumes a:hover {
    color: #155563 !important;
    text-decoration: none !important;
}

I wasn’t sure if you wanted to use the same colors, so you can change that if you like.

Best regards,
Mike

Hey harebranedesign,
I believe it is showing the menu description, please go to your menu at click the “screen options” at the top, within the drop down check the “description” box. You will then see a description text area for each menu item. You can remove the text to not show it on your menu.

Best regards,
Mike

Hi,
We could fix that with:

.avia-button-wrap.avia-button-center {
max-height: 100px !important; 
}

But it will not have the link cover the whole grid because of your image and text elements push it down, I had thought the image was added to the background of your grid and not a element.
Please try to make a image of each icon with the text below it, so the text is apart of the image, then add this image as the background of the grid and your button with be on top, covering the whole grid.
Or make a image of each icon with the text below it, so the text is apart of the image, then add this image to the image element you have with the link. Then add this css to make the image link cover the whole grid, no need to use a button.

#services .flex_cell_inner a.avia_image {
height: 400px !important; 
}

Best regards,
Mike

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

Best regards,
Mike

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