Forum Replies Created
-
AuthorPosts
-
Hi,
Glad to hear that you got this sorted out, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeAugust 21, 2021 at 10:44 pm in reply to: Colour Section width reduced – CSS not working on mobile or tablet devices. #1317756Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeHey mikeybabes68,
Thank you for your patience, I tested your checkout on Windows 10 with Chrome and was able to check out with PayPal & cryto & agree to the website terms, please see the screenshot in the Private Content area.
As for your image issue I was not able to login because the username is not registered, but I can see that you are using the parallax effect, so a couple of things are occurring for this effect the image is actually larger than what to see so the bottom frame scrolls over it and because it is set to “full stretch” the background-size is set to cover, meaning the width is what matters, it doesn’t matter the “size” of the image but the aspect based on the “width”.
So for you /the-best-types-of-carabiners-in-2021/ page, your image is 1500px wide which on my desktop is showing correctly, but your image is also 1000px high but your div is only 368px high so it can not show the full hight.
The height of the parallax div is 589px so you will need to adjust the aspect so the portion of the image you want to show fits in the 368px with 221px extra for the parallax effect. It’s basically the same for your homepage, try increasing the width and decreasing the height of your images to fit what you want to show in the “viewable” space.Best regards,
MikeHey sky19er,
Thank you for your patience, I tried testing the mobile menu with the [Tab] key on our 2017 Demo with the dev tools at 768px. My understanding of the spec is that you should be able to [Tab] into the mobile menu and stay there until a link is [clicked] with the [enter] key. This worked correctly for me, please give this a try.
So I don’t see that the linked solution is needed on our demo site, but if there is a conflict on your customer site preventing the default action then perhaps this would help, a quick look at the script seems that the fourth line is the target ID
const modal = document.querySelector('#exampleModal'); // select the modal by it's id
the ID of the mobile menu isav-burger-menu-ulso without testing this may be the solution.
But I would recommend comparing your customer’s site with the demo to determine why they are not performing the same.Best regards,
MikeHey amollde,
Thank you for your patience, can you please link to the page that you are working on, I tried to view your site but it seems to be under construction, so perhaps including admin login in the Private Content area will allow us to be of more assistance.
Typically if you want an image size to not be cropped we recommend using the Simple Image Sizes plugin and then regenerate the image sizes and clearing your cache.
Another way would be to add a function to your child theme functions.php, please see this post.Best regards,
MikeHi,
Thank you for your patience and the link to your single product sample, as I examine it the description side of the page is already full width except for the 50px of padding, so to remove this padding please try this css:#top.single-product #main > .container_wrap_first.template-shop > .container { padding: 0; }Please see the screenshot in the Private Content area to show what I’m seeing.
Best regards,
MikeHey Ayşegül Ülkü,
Thank you for your patience, the snippet above is for showing the page that the contact form in on, not for where the user came from, such as FB or Google. You would need to use a tracking script to find out where your users are coming from.
But the Enfold Contact form has only basic functions and not a way to integrate with a tracking script, you will probably want to use the Contact Form 7 and one of it’s addons to achieve this.Best regards,
MikeAugust 21, 2021 at 3:18 pm in reply to: Colour Section width reduced – CSS not working on mobile or tablet devices. #1317738Hi,
Thank you for your patience and sorry for the late reply, the login didn’t work for me but I did find the cause, at mobile the transform rule is overruled by this css for the parallax effect:.avia_mobile #top .av-parallax-section { z-index: 0; -webkit-transform: translate3d(0,0,0);So please try replacing your css with this:
#main #section-width { max-width: 91%; left: 50%; position: relative; transform: translateX(-50%)!important; }After applying the css, please clear your browser cache and check.
As for your logo image being blurry, I’m not sure that I’m seeing it, but my eyes are not that great, but below I linked to the current 300×159.png and the original 650×344.png try looking at both in your browser if you do see a difference you have two choices, you can download the original and resize it on your desktop manually preserving the image quantity and upload it to the exact location via FTP or your webhost file manager. This is often better than the WordPress image software for smaller images.
Or you can go to the Enfold Theme Options ▸ Logo and enter the URL to the full size image below and save with the Save all changes button, Not the Upload button. This will then show the new image without modifing it.

Best regards,
MikeHi,
Glad to hear this helped and thanks for pointing out the error, I have posted the correction below for future readers.
If you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.add_filter('avf_contact_form_submit_button_attr','avia_add_submit_attributes_to_cf', 10, 3); function avia_add_submit_attributes_to_cf($att, $formID, $form_params){ if(is_page('500')){ $att = "onclick=\"_gaq.push(['_trackEvent','Contact Form one Send','Click/Touch','Footer']);\""; } if(is_page('400')){ $att = "onclick=\"_gaq.push(['_trackEvent','Contact Form two Send','Click/Touch','Footer']);\""; } return $att; }Best regards,
MikeHi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeAugust 19, 2021 at 12:36 pm in reply to: Uncaught SyntaxError: Unexpected token '!' Error after updating to Enfold 4.8.6 #1317480Hi,
@reaper_unique thanks for the link to your site but I don’t see any error in the browser console and the theme that is loading is Astra v3.6.8, not Enfold.
If you are having trouble with Enfold v4.8.6.2 then please create a new thread and include an admin login in the Private Content area so we can be of more assistance since this is not your thread posting your login here will not be private and you will not see anything we write in the Private Content area.
@onurkurtic I still do not see your error and your mobile menu seems to be working correctly, did you need further assistance or were you able to find the conflict?Best regards,
MikeHi,
Thank you for your patience and glad to hear this worked, I will submit a feature request to the dev team for this, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeHi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeHi,
I still see that if the child theme is disabled and the Enfold theme is enabled the problem is solved, strange, I will ask the rest of the team if they have any ideas.Best regards,
MikeHi,
Thank you for the screencast, so there are a couple of things going on, first you are view the page at 90% zoom

perhaps you are not aware that this is not the same as viewing the site in Responsive Design Mode

anyways please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:@media only screen and (min-width: 1850px) { #top #header #header_main .widget { left: 33% !important; } }After applying the css, please clear your browser cache and check.
Best regards,
MikeHi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeHi,
Why would you want to add a code block to the start of each post, this would not change the header to transparency.
Perhaps I’m not fully understanding, please try to fully explain what you are trying to do with examples, links and screenshots.Best regards,
MikeHi,
Thanks for the feedback and I understand this but I’m unable to reproduce this on your site, what screen size do you see this at?
I referenced the menu because it points to this happening before the mobile size.Best regards,
MikeHi,
Sorry, I have not investigated any such plugins but a quick search on WordPress gives these results for: post carousel try seeing if any of these match your needs. I would recommend not using any that require an additional frontend builder to be installed, typically this leads to conflicts.
I hope you also have a great week and if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeHi,
When you delete the child theme style.css it is the same as deactivating the child theme, the line at the very top:
Template: enfold
is what tells WordPress what parent theme to use, so if removing all of the style.css except for the top 8 lines doesn’t solve then the issue is not in that file. Did you try removing your child theme functions.php file?Best regards,
Mike-
This reply was modified 4 years, 5 months ago by
Mike. Reason: moved remark per customer request
Hey profumopuntoit,
Thank you for your patience and for the link to your page, for tablet to have your footer two columns two rows please try this css:@media only screen and (min-width: 767px) and (max-width: 1024px) { #footer .flex_column.av_one_fourth { width: 44%; } }Please see the screenshot in the Private Content area for the expected results.
In this screenshot you will note that the first column with the news thumbnails has a 70px by 70px image but the frame around it is 143px by 72px this is due to your custom css:@media only screen and (min-width: 767px) and (max-width: 989px) { span.news-thumb { width: 46% !important; height: 46% !important; } }please remove or adjust this css to correct.
Best regards,
MikeHey ThorstenFB,
Thank you for your patience and for the link to your site, I see in the console you are getting this jQuery error
Uncaught Error: Syntax error, unrecognized expression: #b%C3%BCroetagen-entkernung

I don’t recognize Croetagen-entkernung and I can’t find it in your source code, perhaps you do?
If you have some custom script or a plugin try disabling it and your page should work correctly, otherwise please include admin login in the Private Content area so we can be of more assistance.Best regards,
MikeHey gregcarrollLMG,
Thank you for your patience I assume that you followed these steps in our documentation and that you didn’t get any errors that might point to PHP ZipArchive Extension not being enabled on your webhosting server. So can you link to the zip file you uploaded so I can test it?Best regards,
MikeHi,
I don’t believe the dev team has changed anything with the favicon, I didn’t find anything in github. I also don’t recall any specific child theme suggestions for the favicon, except for the login and admin pages.
Did you try converting to “favicon.ico” and then uploading via FTP to your root directory, the same place as your WordPress “index.php”?
Browsers seem to always respect a “favicon.ico” in the root directory.
But currently many devices and browsers are looking for specific file types and sizes and some favicon generators will create them all at once for you and also provide the header code for you.

Best regards,
MikeHi,
I’m not sure which files in your child theme could be causing this as I’m not sure what the root cause is, so you will need to try through trial and error, removing all and then add back a little at a time. Try starting with your functions.phpBest regards,
MikeHi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
Mike -
This reply was modified 4 years, 5 months ago by
-
AuthorPosts



