Hi,
Thank you for your patience and the login to your test server, the footer widgets that are showing are the “dummy widgets” that are typically shown when no widgets are picked such as when a new demo is installed. Typically this error occurs when the theme doesn’t see any elements in the footer widgets, or there is some other conflict. So in your case you are using a page as a footer, and I took a look at the normal settings and also tried resaving them since you moved this install from another server but I don’t see what the issue could be. I see that your child theme is very modified with quite a few modified theme files and I don’t feel comfortable trying to debug each one of these modifications, and I don’t feel that it would help you to suggest deactivating your child theme and plugins to see if the footer page works correctly because it obviously does on your old server, so the only suggestion I can think of is to check your modified child theme files for a hardcoded link to your old server or some other resource that is not loading.
It stands to reason that since this is a clone of a working site and moving it is what has broken it, it could be your PHP version on the new server?

Best regards,
Mike

Hey hooman80,
Thank you for your patience, and thanks for the link to your page. I don’t have an iPad or an iPad Pro and you said that when you test the iPad size, 1024px, that the social footer does show and that it was only the actual device that it doesn’t show on. So I tested on browserstack.com which connects to actual devices, so they say, and tested your page horizontally and vertically with an iPad Pro and I saw the social footer, please see the screenshots in the Private Content area.
Can you include a screenshot of what you are seeing horizontally and vertically so we can get a better sense of what the issue is, such as is the whole footer not showing, or is it just the icons not showing, etc?
Now browserstack.com only lets me test on iPad Pro versions once each for one minute, and what I noticed was I kept getting “service unavailable” for your domain and at times it was loading very slow, which could be with you in the UK and I’m in the US, and you have a login to see the page and I’m trying to connect virtually and so on…
My point is perhaps it is not the actual device but the connection to the page that the device has? Anyways some screenshots would help.

Best regards,
Mike

Hi,
Thank you for the feedback, please try disabling Enfold Theme Options > Performance > JS & CSS file merging and compression and at the bottom of the performance settings page enable the Enfold Theme Options > Performance > Delete old CSS and JS files and then clear your browser cache and any cache plugin, and check.
If this corrects then you can reset the performance settings back to the way they were.
I noticed that this css was in your merged css file twice:

#top .all_colors .image-overlay-inside {
    display: none
}

If this is in any of your Quick CSS or custom css, please remove.
This this doesn’t help please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

#top .all_colors .overlay-type-extern > .image-overlay-inside {
    display: block !important;
}

and then clear your browser cache and check, this should correct.

Best regards,
Mike

Hi,
Sorry I have not seen any plugins that would do this and if you have like a million of email links all over the site as you posted above I can see how a plugin that would change these on the fly would be a performance issue.

Best regards,
Mike

Hey Peter,
Thank you for your patience, it sounds like you are placing the team members email addresses as plain text in the element, and spam bots will find this, there is not a specific Enfold thing to do to prevent “scrapping” which is what this is called. But you can try a hexadecimal converter

This typically works well, another approach would be to use images for the email addresses but don’t make the images clickable links unless you encode them because the bots will find the links.
Perhaps you should reconsider why the company officers, such as the CEO, want their emails shown to the public, I would imagine that the CEO has a “gatekeeper”? If the company is small or wants to have an “we are assemble” look/feel then I recommend encoding the emails like above and also ask the reader to add something to the message and use email filters to filter the email inbox.
Most people who are going to email you don’t mind an extra step to help fight spammers.

Best regards,
Mike

Hi,
Thank you for the screenshot, it seems that the issue occuurs for smaller mobile screens, 320px – 375px, to correct this please try this css:

@media only screen and (max-width: 376px) { 
	#menu-item-shop .cart_dropdown_link {
    padding: 0 !important;
}
.responsive.html_cart_at_menu #top .main_menu .menu>li:last-child {
    padding-right: 0 !important;
    margin-right: 0 !important;
}
.responsive #top #header_main > .container .main_menu .av-main-nav > li > a {
    padding: 0 0 0 8px !important;
}
.responsive.html_bottom_nav_header.html_cart_at_menu #top #wrap_all #header_main .main_menu {
    right: 120px !important;
}
}

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

Best regards,
Mike

Hi,
I didn’t make any adjustments in your theme settings, but you will note above I pointed out that you were manually disabling template builder elements including the Image with Hotspots Element which you are using on this page. I recommend disabling all of your caching plugins and JS minifying and compression in the theme and allow all elements to load
jQuery is not defined typically means that the script is loading before jQuery, jQuery has to load first so the script can use it.

Best regards,
Mike

Hi,
Well that makes more sense 😊
Please try this css then:

#top #main .single-product-summary .wc-pao-addon-wrap > .wc-pao-addon-input-multiplier {
   width: 43px;
   height: 43px;
   line-height: 43px;
}

and clear your browser cache and any caching plugin, you will note I didn’t use !important; in the css because I didn’t think it was neassary, but if you have trouble you can use it like this:

#top #main .single-product-summary .wc-pao-addon-wrap > .wc-pao-addon-input-multiplier {
   width: 43px !important;
   height: 43px !important;
   line-height: 43px !important;
}

and if you still have trouble try the css in the WordPress > Customize > Additional CSS field as it has priority.

Best regards,
Mike

Hi,
Well I don’t see that you have the css applied to your site right now, but when I inject it via the browser this is how it looks:

Please try the css in the WordPress > Customize > Additional CSS field as it has priority

Best regards,
Mike

Hi,
Please try this and clear your browser cache:

#top #main .single-product-summary .quantity input.plus, 
#top #main .single-product-summary .quantity input.minus, 
#top #main .single-product-summary .quantity input.qty {
   width: 33px;
   height: 33px;
   line-height: 33px;
}

Best regards,
Mike

Hey sitesme,
Thank you for the screenshot and link, please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

#top.page-id-763 .av-arrow-down-section .av-section-color-overlay {
    bottom: 0 !important;
}

Best regards,
Mike

Hi,
Glad to hear this helped. As for your site not moving smoothly, I took a look and your store seems to operate like any other woocommerce site I’ve checked, I note that you have several pro-level third-party woo plugins that will add overhead to your site but I’m really not seeing anything crazy right now. I also see that you are not caching right now either so as you add more products I would imagine the caching would offset this overhead too. Perhaps as you plan out your store, try to guide the customer along so the number of products shown on each screen are minimal, such as 20 instead of 200 that would also help, overall.

Best regards,
Mike

Hi,
Thank you for your patience, I copied your test map page to my test server and found that the hotspots that were not showing had the hotspot colors set to transparent, so they were not showing. This happened to be all of the “Significant Trees” hotspots so I edited these to be the same as the others. I also noticed that many of your images were not using https you may want to review this on your other pages to help with CORS errors, anyways this solves the case of the missing hotspots.
But I notice that your hotspots are acting erratically, please compare your test page with mine in the Private Content area, my test install has no caching and only woocommerce for a plugin, I see your site is manually disabling template builder elements including the Image with Hotspots Element and you are using W3 cache which is minifying JS while the theme is also merging and compressing JS, this double minifying can cause issues.
I recommend disabling all of your plugins and any object-oriented caching on your server and all minifying and compression in the theme and allow all elements to load, once your site is done being built you can start caching, minifying, and tweaking a little at a time. Anyways I hope this helps.

Best regards,
Mike

Hi,
Thank you for your patience, I added the function for the first category that has the slug “strips” and it seems to be working well, please check, but I notice that for your product categories this is the only one in English and I wonder if this was in error or if it will be changing, or if the other ones will be changing?

the slug is not in the code so the language doesn’t matter, but changing the slug may change the slug ID which is in the code, so please check if this will be changing and correct before I make the other categories so we don’t have to re-write the code later, thank you.

Best regards,
Mike

Hi,
For the page that you have linked to the content looks full width to me with 50px padding on the left and right, but my screen width is 1536px, so I assume that you have a wider screen, in that case you can use this css to assign the width wider. In this example the width is 2000px and the padding is 0px, please adjust to suit.

#top.single-job_listing #main > .container_wrap_first > .container {
	max-width: 2000px;
	padding: 0;
}

Please note that typically we request that each support thread is limited to a single issue so that the threads don’t become long and off-topic, so if you find that this css helps with the page width please let us know and we will close this thread and for future questions on new topics you can create a new thread and we will be happy to assist. Thank you for your understanding.

Best regards,
Mike