Forum Replies Created
-
AuthorPosts
-
May 24, 2023 at 4:33 am in reply to: Highlighting active html anchor doesn’t work on same page #1408367
Hi,
Thank you for the update.
We are uncertain about the reason why the CSS selector is not working as expected. However, we have created an alternative solution using jQuery. To implement this solution, please add the following code to your functions.php file:
// custom scripts function ava_custom_script_script() { ?> <script type="text/javascript"> (function($) { // adjust style of target element $("a[href^=#]").on("click", function(e) { var hash = e.currentTarget.hash; var target = $(hash); var targeted = $('.targeted-el'); targeted.css('background-color', 'transparent'); target.addClass('targeted-el'); target.css('background-color', 'red'); // adjust the background color here }); })(jQuery); </script> <?php } add_action( 'wp_footer', 'ava_custom_script_script', 9999 );Best regards,
IsmaelHi,
Thank you for the update.
We wrapped the above modification in a css media query so that it only affects the desktop view. We also deactivated the Enfold > Performance > File Compression settings temporarily. The mobile menu seems to be working correctly now.
Best regards,
IsmaelMay 23, 2023 at 5:27 am in reply to: Backgroundphotos in “grid line” (Rasterzeile) on tablets don´t adapt size #1408221Hi,
Apologies for the slight delay. The issue you’re experiencing may be due to the fixed background attachment settings, which are not supported on some iOS devices. To resolve this problem, you can try adding the following CSS code, which should help fix the issue:
@media only screen and (max-width: 1024px) { /* Add your Mobile Styles here */ .avia_mobile .avia-full-stretch { background-attachment: scroll !important; } .avia-bg-style-fixed { background-attachment: scroll !important; } }By applying this CSS code, the background attachment for the images is revert back to “scroll”. This should address the problem you’re encountering.
If you have any further questions or need additional assistance, please let us know.
Best regards,
IsmaelHi,
? Is this then not applied or e.g. implemented using inline CSS?
Yes, that is correct. The custom styles for the elements will be applied using inline CSS. However, we are currently unsure why the dynamic stylesheets are not being generated for some of your posts.
Best regards,
IsmaelMay 23, 2023 at 5:20 am in reply to: Layer Slider – WordPress plugin – Scroll Scene problem. #1408219Hi,
Sorry for the delay. The scroll scene effect seems to be working correctly as it should. How did you fix it?
Best regards,
IsmaelMay 23, 2023 at 5:08 am in reply to: Wrong shortcode is getting displayed in “page content” ALB template #1408218Hi,
Unfortunately, achieving the customization you described would require a significant amount of time and modifications to the theme. Regrettably, this level of customization is not covered by our support. However, if it is crucial for you to have this functionality implemented, you have the option to hire a freelancer who can assist you with the customization. You can find freelancers who specialize in theme customization by visiting our customization page.
If you have any other questions or require further assistance, please feel free to let us know.
Best regards,
IsmaelHi,
Sorry for the delay. The errors seem to be pointing to the file compression feature. Please upgrade the theme to version 5.6.2, then make sure to temporarily disable the Enfold > Performance > File Compression settings before activating the child theme and importing the parent theme options.
Best regards,
IsmaelMay 23, 2023 at 4:52 am in reply to: Disable Google Maps does not prevent conditional load script activation #1408215Hi,
Try to insert these additional filters to prevent the registration of the backend scripts.
add_filter("avf_skip_enqueue_scripts_backend_gmaps", function($skip) { return "skip_loading"; }, 10, 1); add_filter("avf_load_google_map_api_prohibited", function($prohibit) { return true; }, 10, 1);You can find these filters in the enfold/framework/php/class-gmaps.php file, within the handler_wp_admin_footer function.
Best regards,
IsmaelHey carmen,
Thank you for the inquiry.
Did you select the second option (Add FAQ Markup) in the “Use as FAQ Page (SEO improvement)” settings or dropdown? Please select the second option to enable the addition of the FAQ markup on the page, and make sure that the Enfold > SEO Support > Automated Schema.org HTML Markup option is also activated.
Best regards,
IsmaelHey annevoelkel,
Thank you for the inquiry.
You can use this css code to align the widget menu items horizontally.
#top .widget_nav_menu li { display: inline-block; } #top .widget_nav_menu ul { margin-left: 0; line-height: 1.75em; }Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css code.
Best regards,
IsmaelHey Gianluca,
Thank you for the inquiry.
This is possible, but it will require a few CSS adjustments. First, you need to go to the “Header > Header Layout > Menu And Logo Position” settings and set it to “Logo center, menu below”. Then, you can use the following CSS code to adjust the position of the elements:
@media only screen and (min-width: 768px) { .html_header_top.html_logo_center .logo { left: 0; } .html_cart_at_menu.html_header_top #top .main_menu { left: 0px; } .html_header_top.html_logo_center #header_main_alternate .main_menu ul:first-child { display: block; } }You can add this CSS code to the theme’s Quick CSS field or using a custom CSS plugin.
To place a phone and email element beside the logo, you can use widgets as described in the documentation below.
// https://kriesi.at/documentation/enfold/header/#adding-a-header-widget-area
If you need further assistance or have any additional questions, feel free to ask.
Best regards,
IsmaelHi,
Glad to know that the solution is working. Please feel free to open another thread if you have more questions.
Have a nice day.
Best regards,
IsmaelMay 23, 2023 at 4:02 am in reply to: Bug Mobile & Tablet – Not Showing Content (because of too much Content?) #1408210Hey Monika,
Thank you for the inquiry.
The section “weisse-linie-oben” has been set to NOT display on very smaller screens. Please recheck the element visibility settings, then toggle or temporarily disable the Enfold > Performance > File Compression settings. Let us know if this helps.
Best regards,
IsmaelMay 23, 2023 at 3:50 am in reply to: Linked Image Overlay Disabled – but still shows (Mod assistance required) #1408209Hey James Bowtine,
Thank you for the inquiry.
We cannot find any issues with the image overlay. Would you mind providing a screenshot of the arrow? You can use platforms like Savvyify, Imgur or Dropbox to upload and share the screenshot. Here are the steps to follow:
1.) Visit the website of your chosen platform, such as Savvyify, Imgur or Dropbox.
2.) Locate the option to upload a file or an image.
3.) Select the screenshot file from your computer or device and upload it to the platform.
4.) After the upload is complete, you will be provided with a shareable link or an embed code.
5.) Copy the link or code and include it in your message or response to provide us with the screenshot.Thank you for taking the time to share the screenshot. It will help us better understand the issue you’re facing and provide appropriate assistance.
Best regards,
IsmaelHey MadRhino,
Thank you for the inquiry.
The theme has its own Custom Font Manager where you can upload additional Google fonts. Please check the documentation below for more info.
// https://kriesi.at/documentation/enfold/typography/#how-to-upload-custom-fonts
Best regards,
IsmaelHey BeeCee,
Thank you for the inquiry.
The filter still works properly on our end as shown in the screenshot below. Did you apply another callback for the avia_breadcrumbs_trail filter in the functions.php file?
// https://1drv.ms/i/s!AjjTfXSRbKTvgcJoZkU_ay_8o4OYUQ?e=njiNTz
Please check the functions.php file and check if there are other functions using the same filter.
Best regards,
IsmaelHey Beth,
Thank you for the inquiry.
You can add following css code to adjust the breakpoint of the header or left sidebar for tablet view.
@media only screen and (max-width: 1024px) { /* Add your Tablet Styles here */ .responsive #top #wrap_all #header { position: relative; width: 100%; float: none; height: auto; margin: 0 !important; opacity: 1; min-height: 0; } .responsive #top #main { padding-top: 0 !important; margin: 0; } .responsive #top .av-main-nav .menu-item { display: none; } .responsive #top .av-main-nav .menu-item-avia-special { display: block; } .responsive.html_header_sidebar #header .av-main-nav>li { margin: 0 10%; } .responsive #top #wrap_all .container { width: 85%; max-width: 85%; margin: 0 auto; padding-left: 0; padding-right: 0; float: none; } }Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css modification.
Best regards,
IsmaelMay 19, 2023 at 5:20 am in reply to: Need the word “Search” next to the icon to be both clickable + translate-able #1407911Hi,
Great! Glad to know that you managed to modify the code and resolved the issue. Let us know if you have more questions.
Have a nice day.
Best regards,
IsmaelHey!
No problem. Please feel free to open another thread if you have any questions or requests.
Have a nice day.
Regards,
IsmaelHey valev0,
Thank you for the inquiry.
The reCAPTCHA script may not be functioning properly on your end due to the privacy cookies not being accepted. Currently, the privacy option is configured to block all external services, including spam protection. If you wish to modify this behavior and enable reCAPTCHA without requiring the acceptance of cookies, you need to adjust the Enfold > Privacy & Cookies > Cookie Handling > Default Cookie Behaviour settings to either the first or second option.
By selecting one of these options, you can allow the usage of reCAPTCHA while maintaining your desired cookie handling preferences.
If you require further assistance or have any additional questions, please feel free to let us know.
Best regards,
IsmaelHi!
Thank you for the inquiry.
We didn’t create the site but it looks like the developers used the Enfold theme for the front end. You may need to contact the site owner for more information.
Regards,
IsmaelHi,
Thank you for the update.
We can’t seem to reproduce the issue on our end. Did you remove the modification that we suggested above? Please provide a screenshot or a short clip of the issue.
Best regards,
IsmaelHey julusha,
Thank you for the inquiry.
It seems to be working correctly on our end. We are able to modify the slider in the home page and publish the changes properly.
Would you mind providing a screenshot or a short clip of the issue? You can use platforms like Savvyify, Imgur or Dropbox to upload and share the screenshot. Here are the steps to follow:
1.) Visit the website of your chosen platform, such as Savvyify, Imgur or Dropbox.
2.) Locate the option to upload a file or an image.
3.) Select the screenshot file from your computer or device and upload it to the platform.
4.) After the upload is complete, you will be provided with a shareable link or an embed code.
5.) Copy the link or code and include it in your message or response to provide us with the screenshot.Thank you for taking the time to share the screenshot. It will help us better understand the issue you’re facing and provide appropriate assistance.
Best regards,
IsmaelHi,
Thank you for the update.
It seems to be displaying as expected based on the screenshot below.
// https://1drv.ms/i/s!AjjTfXSRbKTvgcJnRkVonmkUnkjN4w?e=iygaRi
Would you mind providing a screenshot of the issue on your end? You can use platforms like Savvyify, Imgur or Dropbox to upload and share the screenshot. Here are the steps to follow:
1.) Visit the website of your chosen platform, such as Savvyify, Imgur or Dropbox.
2.) Locate the option to upload a file or an image.
3.) Select the screenshot file from your computer or device and upload it to the platform.
4.) After the upload is complete, you will be provided with a shareable link or an embed code.
5.) Copy the link or code and include it in your message or response to provide us with the screenshot.Thank you for taking the time to share the screenshot. It will help us better understand the issue you’re facing and provide appropriate assistance.
Best regards,
IsmaelMay 19, 2023 at 3:37 am in reply to: ALB element “single image” with image caption BELOW the image, NOT AS OVERLAY #1407902Hi,
Thank you for the update.
Please try adding the following CSS code to position the caption overlay at the bottom part of the image.
.av-image-caption-overlay { position: absolute; height: auto; width: 100%; bottom: 15px; padding: 15px 0; left: 0; }Please toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css code.
Best regards,
IsmaelHi,
You may need to consider hiring a freelance developer to trace and resolve any conflicts that arise. Bootstrap is a comprehensive library, and there is a significant chance that it may affect the style and layout of elements on your website. It is commonly used as a foundational style for starter or blank templates.
A skilled freelance developer can assist in identifying the conflicts and implementing appropriate solutions to ensure that the desired style and layout are maintained while using Bootstrap. They can help customize and fine-tune Bootstrap to align with your specific requirements.
Best regards,
IsmaelHi,
only now the hamburger icon is set too low. Any fix on that?
The following css code should adjust the vertical position of the mobile menu icon. Please insert it in the css media query for mobile devices.
.av-main-nav-wrap ul { margin-top: 0px; } .responsive #top #header_main > .container .main_menu .av-main-nav > li > a, .responsive #top #wrap_all .av-logo-container { height: 40px; line-height: 50px; }Best regards,
IsmaelHi,
We have successfully activated the child theme and imported the parent theme settings. As part of the process, we have temporarily disabled the Enfold > Performance > File Compression settings. Once you have finished configuring the site, you can re-enable this feature.
If you encounter any issues or need further assistance, please let us know. We’re here to help!
Best regards,
IsmaelHi,
Sorry for the delay. The lightbox seems to be opening properly on our end. Would you mind providing a screenshot of the issue? You can use platforms like Savvyify, Imgur or Dropbox to upload and share the screenshot. Here are the steps to follow:
1.) Visit the website of your chosen platform, such as Savvyify, Imgur or Dropbox.
2.) Locate the option to upload a file or an image.
3.) Select the screenshot file from your computer or device and upload it to the platform.
4.) After the upload is complete, you will be provided with a shareable link or an embed code.
5.) Copy the link or code and include it in your message or response to provide us with the screenshot.Thank you for taking the time to share the screenshot. It will help us better understand the issue you’re facing and provide appropriate assistance.
Best regards,
IsmaelHello Mimmo,
Thank you for reaching out.
Regarding the related posts not showing at the bottom of your blog posts, it’s possible that this feature is not enabled or configured properly. To address this, please follow these steps:
1.) Access your WordPress dashboard and navigate to Enfold > Blog Layout panel.
2.) In the Blog Layout panel, look for the Related Entries settings or dropdown.
3.) Select the first or second option.
4.) Save the changes.After enabling and configuring the related posts feature, it should start displaying at the bottom of your blog posts.
If you are using the Advance Layout Builder (ALB) for yours posts, you will have to display the related entries by adding any of the posts element such as a Blog Posts or Magazine element. You will also have to add the featured image manually using one of the image elements in the builder.
Best regards,
Ismael -
AuthorPosts
