Forum Replies Created
-
AuthorPosts
-
Hey James,
Thanks for the link to your page, try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:function custom_script() { ?> <script> window.addEventListener('load', function() { var contactSection = document.getElementById('contact'); var menuItem467 = document.querySelector('#menu-item-467 .avia-menu-text'); if (!!contactSection) { function isHeaderScrolledFull() { var header = document.getElementById('header'); return header && header.classList.contains('header-scrolled'); } function updateMenuItemColor() { if (isHeaderScrolledFull()) { var contactRect = contactSection.getBoundingClientRect(); var menuItemRect = menuItem467.getBoundingClientRect(); var contactCenter = contactRect.top + contactRect.height / 2; var buffer = 200; if (contactCenter >= menuItemRect.top - buffer && contactCenter <= menuItemRect.bottom + buffer) { menuItem467.style.color = '#cd5124'; } else { menuItem467.style.color = '#9c9288'; } } else { menuItem467.style.color = '#545454'; } } window.addEventListener('scroll', updateMenuItemColor); updateMenuItemColor(); } }); </script> <?php } add_action('wp_footer', 'custom_script', 99);This script checks that your section ID “contact” on the homepage is within 200px of the center, if it is the menu item with be your highlight color: #cd5124;
If you then scroll up or down past 200px of the center the menu item will be your light menu color: #9c9288;
If you scroll all the way to the top the menu item will be the dark menu color: #545454;
This also works if you land on the “contact” section from another page.
Please clear your browser cache and check.Best regards,
MikeHi,
Try adding the gif as the fallback image in the element options, I have not tested but I believe this should work. If not we could try with some css, but we would need to see thegif first.Best regards,
MikeHi,
Typically background videos will not auto play on most mobile devices, this is a limitation set by the browsers. The best option is to show a fallback image instead of the video for mobile.
Video can take a while to show on mobile devices especially if the user is using “data-saver” on their device, you can not override this so this is another reason to use a fallback image.
Perhaps one work around for your situation would be to convert your short video loop into a gif, as this would be a smaller file size and I believe mobile browsers do not limit the gif in the same way as videos.Best regards,
MikeHi,
Thank you for the link to your site, for the page /unser-verein/samariter-mitglied-werden/ try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#top.page-id-959 .main_color #result_ajax_response_1.ajaxresponse h3 { color: #000; border-color: #e30615; }the expected results:

for the page /kontakt/ try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#top.page-id-954 .main_color #result_ajax_response_1.ajaxresponse h3 { background-color: #212a48; }the expected results:

feel free to adjust to suit, after applying the css, please clear your browser cache and check.Best regards,
MikeHi,
Thanks for your patience and the link to your site, your NexForms popup has a H1 title:

and your special heading element is a H1:

So you should review your NexForms popup plugin and remove the H1 popup title and change the special heading element to H2, since it is in the middle of your page, typically H1 should be at the top of your page.Best regards,
MikeHi,
Glad Guenni007 could help, thank you Guenni007, 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,
The play button is from vimeo, if you visit the video link directly you will see the play button and can click it.
So you will need to disable this from your vimeo options, since it is a background video and the video is in a iframe from vimeo it can not be removed from the site options or css.Best regards,
MikeNovember 9, 2023 at 1:08 pm in reply to: Relates to https://kriesi.at/support/topic/duplicated-burger-icon-and-more-paddi #1425107Hi,
Yes, I mean where the sticky header below 767px is covering the top part of the main body, this seems to be due to some custom css removing the top padding:

Try changing the padding-top: 0 !important; to padding-top: 80px !important; or more to suit.
Instead of using the !important;, try this css instead:@media only screen and (max-width: 767px){ .responsive.html_header_top.html_header_sticky #top #wrap_all #main { padding-top: 80px; margin: 0; } }It was hard to examine because the Enfold Theme Options ▸ Performance ▸ JS & CSS file merging and compression is still enabled.
Try disabling this while you are building your site.Best regards,
MikeNovember 8, 2023 at 7:07 pm in reply to: theme update not available (follow-up of https://kriesi.at/support/topic/theme-update-not-available-2/) #1425025Hey Andy,
If there in not a known Envato account, or if you don’t have access to it because it is owned by a developer that you lost contact with, please have the client purchase a new license and create a account that they will have access to in the future. Envato will not transfer licenses from one account to another, ie: developers to clients.
Envato is our exclusive licensor and we can not give or sell licenses directly, thank you for your patience and understanding and for using Enfold.Best regards,
MikeHey ursulamerten,
Thanks for your question, you will need to use a plugin as this is not a feature.
Unfortunately I have not reviewed any plugins for this so I can not recommend any.Best regards,
MikeNovember 8, 2023 at 6:48 pm in reply to: Relates to https://kriesi.at/support/topic/duplicated-burger-icon-and-more-paddi #1425023Hi,
I see that I made an error above, this is the corrected css:@media only screen and (min-width: 768px) and (max-width: 1023px) { .responsive.html_header_top.html_header_sticky #top #wrap_all #main { padding-top: 150px; } }This only starts at 768px, please clear your browser cache and check.
I see another separate error with the margin-top at 767px and below, for the page, please disable any caching plugins and the Enfold Theme Options ▸ Performance ▸ JS & CSS file merging and compression and enable the Enfold Theme Options ▸ Performance ▸ Delete old CSS and JS files if you also see it, if it you then still see it, check your custom css for missing Semicolon
Best regards,
MikeHi,
Sorry as I understood you earlier, you were thinking to not having a multi language site because:I have no German speaking clients anyway and it’s a lot of work keeping both up-to-date.
so if you want to go back to having a multi language site please re-enable the WPML plugin.
When I check your site from the frontend it seems to work correctly as a English site, all of the links and pages seem to work correctly, the German pages that you link to above are assiesable without the /de/ as this was part of the WPML plugin.
So if you don’t want to use the WPML plugin and you still want to link to the German pages you can create a new menu just for the German pages.
But this doesn’t make any sense if:I have no German speaking clients anyway and it’s a lot of work keeping both up-to-date.
I can not see any of your images because they all require a login, try a different screenshot service instead.
Best regards,
MikeHey Andy,
Thanks for your question, your theme version is very old, unfortunately a while back Envato (Theme Forest) changed how updates are done and the old API will no longer work. So you will need get the latest version from your Envato account and manually update, then after you update you can create a Envato Token in your Theme Forest account so that future updates can be done easily, but your current version will not work with the Envato Token.
To update your version of Enfold you will need to download the latest installable WP version from your Theme Forest account and upload it to your WordPress ▸ Appearance ▸ Themes ▸ Add Themes ▸ Add New

after you choose the zip file and click install, you will see a This theme is already installed message because you are updating, you can continue

then you will see the Theme updated successfully message.
Best regards,
MikeHi,
Glad to hear that you have 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,
MikeNovember 7, 2023 at 6:07 pm in reply to: Catalogue: move thumbnail on top of Title/Content on mobile view #1424946Hi,
Correct, if to want to also center the thumbnail, try adding this css:@media only screen and (max-width: 767px) { .av-catalogue-image { float: none; margin-right: 0; } a img.av-catalogue-image { margin: auto; display: block; } }After applying the css, please clear your browser cache and check.
Best regards,
MikeHi,
Perhaps, what you are trying to ask for is that on desktop you want the text and the buttons to be in one line, and you want the text to also be in a single line, like this:

If this is what you are asking, then please add this css:@media only screen and (min-width: 1520px) { .responsive .avia-cookie-consent.avia-cookiemessage-bottom .container { max-width: 1520px; } }Please note that with the amount of text you have this can only occur for desktops above 1520px, otherwise there is not enough room for the text to be in a single line and next to the buttons.
Best regards,
MikeNovember 7, 2023 at 5:22 pm in reply to: Import demo parallax: it don’t loads content (text, images) #1424941Hi,
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,
MikeNovember 7, 2023 at 12:21 pm in reply to: Import demo parallax: it don’t loads content (text, images) #1424909Hi,
Please try going to Enfold Theme Options ▸ Theme Options ▸ Frontpage Settings and ensure it is “frontpage”, then in the “blog” setting under it ensure it says: “choose page” and not “frontpage”
If you imported the demo three times you may now have three “frontpages” and menuss, if you do try installing the WP Reset plugin and reset your set and then try to install the demo once. If you still have trouble then please include an admin login in the Private Content area so we can review the settings, and perhaps allow us to also “reset” and import the demo.Best regards,
MikeHi,
Glad to hear that you have this sorted out, and thank you to Guenni007 for the tips, unless there is anything else we can help with on this issue, shall we close this then?Best regards,
MikeHi,
When I check gruetter-innenausbau.ch the mobile looks as you wish right now:

So if you only want the text and buttons to be side-by-side on desktop, like this:

then you would use this css:@media only screen and (min-width: 1920px) { .avia-cookie-consent .container { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .avia-cookie-consent .avia_cookie_text { flex: 1; white-space: normal; margin: 0; } .avia-cookie-consent .avia-button { display: inline-block; } }Please note that the css only begins at min-width: 1920px, if you want it to begin earlier then please adjust. I tested this on gruetter-innenausbau.ch, see the above screenshots, if you are still having problems perhaps you have an error in your other css like a missing bracket, try adding this css to the WordPress ▸ Customize ▸ Additional CSS, assuming you have no other css there, otherwise please examine and test your other css for errors.
Best regards,
MikeHi,
Thanks for the link to your page, your page is not long enough for the blue section to reach the top of the page.
Try adding more content at the bottom so when you scroll the blue section can reach the top of the page.Best regards,
MikeNovember 6, 2023 at 6:26 pm in reply to: Gallery issue with “open the images in a new browser/window tab” #1424812Hi,
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,
MikeNovember 6, 2023 at 6:25 pm in reply to: On mobile, Hide Header except for (Very Top) Phone number Bar #1424811Hi,
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,
MikeNovember 6, 2023 at 6:22 pm in reply to: Show a default search field instead of search icon #1424810Hi,
Thanks for the link to your site, I have not seen a custom menu item with a “search icon” option before:

the reason it only shows until the slider shows is because it is hidden by “display:none opacity:0” once the slider shows, this could be a “lazy load” conflict, I see that you are using JetPack & possibility so other plugins that could cause this, although I don’t know what the default behavior for FiboSearch is.
Try disabling your other plugins to ensure there is not a conflict, then check the FiboSearch options, if this doesn’t help try using the FiboSearch shortcode instead of the custom element.Best regards,
MikeHi,
Thank you for your patience, in order to use the “Classic Editor” you will first need to choose this option at Enfold Theme Options ▸ Select Your Editor ▸ Use WP Classic Editor, I did this for you, and now when you create a new post the Classic Editor shows, please clear your browser cache and check.Best regards,
MikeHi,
I tested by disabling the WPML and enabling the “enfold-child” and tested on Windows in Chrome, Firefox, & Edge when logged out and the site seems to be running correctly.
I left it like this for you to check, if you find any problems you can enable the “Kropik Child” & WPML plugin again.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,
Thank you for your patience, I have just found this thread and have reviewed it, typically this situation is not typically covered by our support because sorting though what an agency has done to create your custom theme can be tricky.
As I recall back in july I was tring to assist you with a issue you were having, I updated your custom theme for you and left it as it was to hear back from you that all was well, as I recall many issues came up after the update and we worked on them, I don’t specific remember how it all ended, but nonetheless we are here now.
So I have changed your wp-config.php to define(‘DISALLOW_FILE_EDIT’, true); to allow the theme file editor to show again, and I have modified your “enfold-child” with your “Kropik Child” files then I activated your “enfold-child” and imported your “Kropik Child” theme settings, and cleared your cache a bunch of times and the new Enfold theme seemed to work while I was logged in, but not when I was logged out.
After much research it looks like the agency that created this theme for you created it is such a way the theme adds meta data to the WordPress database that is used for WPML to show the correct pages, I don’t fully understand the reason, but changing to the “Enfold” teme seems to break this and I don’t know how to move this meta data to the new Enfold database.
So I enabled the “Kropik Child” and your site is working correctly again.
Unfortunately I believe you will need to contenue to manuly update or to will need to hire a developer that understands what the original developer did and why, I have not seen this before.
Sorry that I couldn’t be more help.Best regards,
MikeNovember 5, 2023 at 7:44 pm in reply to: Catalogue: move thumbnail on top of Title/Content on mobile view #1424733Hey Angelo,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:@media only screen and (max-width: 767px) { #top .av-catalogue-list .av-catalogue-item-inner { width: 100%; } #top .av-catalogue-list .av-catalogue-title, #top .av-catalogue-list .av-catalogue-content { padding: 0; } }After applying the css, please clear your browser cache and check.
Best regards,
Mike -
AuthorPosts

