Hi Rikard,
I tried myself again to create a working map and now I succeeded :-). Difficult to say what I did wrong before, but at least I understand now what to do. So you can close this topic. Thanks for your help!
Best regards,
Andrej

I changed the padding to 10px and it appears on mobile now but it doesnt look centred vertically on desktop
Screen shot of mobile is here: https://ibb.co/jv9T5F

Hi, I managed to get this working by using the following code. This ticket can be closed.

Thanks

`@media only screen and (max-width: 1024px) {
.av-burger-menu-main { display: block!important; }
#top .av_mobile_menu_tablet .av-main-nav .menu-item {
display: none!important;
}}`

Thanks all for your advice.
It seems some of the issues were Enfold-related , but autoptimize plugin helped to optimize css, javascript, etc.
The rest of the issues I will deal with myself. We don’t have funds to hire outside vendors. I wasn’t expecting to be hit up for that. Anyway, I think I’ve got this.

Thanks.

I wonder if the customization is something in style.css?

There is mention of the mobile menu here:
/* Mobile menu hamburger */
#advanced_menu_toggle, #advanced_menu_hide {top:20%;}
.home .av-share-box {display:none;}

Hoping we can get this working today so I can begin updating site again. Given the number of changes you made I think it is best to push staging to production but I can’t do that until staging is working. Thanks!!!!

I had to remove te background image, so I could show the page. I will re-create this on another testing page later today.

I need to find a resolution where I can have a color area with an overlay and have it stretch from top of the color area to the bottom, without and breaking. I have done this on other projects without issue with Enfold and not sure why it does not work here. There is very little custom css, and none that should affect this.

I need the space in there, as it puts space between the image and the bottom of the color area stack. I have the same space at the top of the stack, but it does not affect the background there. I need the spacing in the image I just uploaded, without the break in the background image / overlay. I initially tried it with the padding, but that resulted in the same problem. I don’t recall having this problem on any other projects in the past.

enfold support: from woo support you need to made an enfold update to fix this :

https://wordpress.org/support/topic/product-images-problem-after-updating-to-woocommerce-3-0-1/

Hi Ismael

I did it the following way:

@media only screen and (max-width: 769px) {
#only-desktop #main {
display: none !important;
border-color: transparent !important;
margin-top: 95px;
border-color: transparent !important;
}}

But it does not work, maybe i dit it wrong with {

All the best ,Pascal