Forum Replies Created
-
AuthorPosts
-
Hey schweg33,
Thanks for the “#vorstand” link this css should help, 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: 989px) { #vorstand > div > div > div > div > div.flex_column.av_one_fourth.flex_column_div.first.avia-builder-el-33 { margin-left: 15% !important; } }Best regards,
MikeHey RezNation,
I took a look at your site and your popup is showing for me on each page I test, but I’m checking each page in incognito mode and opening a new window for each page.
So I assume that the popup offers this feature of showing the popup on every page and once to each visitor. This is good because it might be annoying to see the same popup on every page.Best regards,
MikeHey Michael,
Sorry for the late reply, to add the opacity and white text to the box button, please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:#top .header-scrolled .main_menu ul:first-child > li.av-menu-button > a:hover { opacity: 0.8 !important; } #top .header-scrolled .main_menu ul:first-child > li.av-menu-button > a:hover span.avia-menu-text { color: #ffffff !important; }For your logo link that was not changing color after scroll and the transparent header, please try this css:
#top .header-scrolled.header_color #header_main .logo a { color: #000000 !important; } #top .header-scrolled.header_color #header_main .logo a:hover { color: #ff505d !important; }After applying the css, Please clear your browser cache and check.
Best regards,
MikeApril 18, 2020 at 8:32 pm in reply to: Fullscreen slider video slide links not working on mobile #1205115Hi,
Sorry for the late reply, thanks for the login, I took a look at your page and found there was no URL in the “Mobile Fallback Image Link” field. I added each for you, please clear your browser cache and check.Best regards,
MikeHi,
Sorry for the late reply, the easiest way to add a FLAG Icon next to social media icons is to use one of the social profiles you would not normally use and add a link to your page and then use some css to replace the icon with a flag.
Here is an example of css that changes your Instagram icon to a flag:#top #wrap_all .av-social-link-instagram a:before{ content: ""; width: 20px; height: 20px; display: inline-block; vertical-align: middle; background: url(https://img.icons8.com/officexs/16/000000/great-britain.png) no-repeat center center; background-size: contain; } #top #wrap_all .av-social-link-instagram:hover a { color: #fff; background-color: transparent !important; }You can try this out by adding this to your Enfold Theme Options > General Styling > Quick CSS field
Notice that the css is targeting this class.av-social-link-instagrameach social icon has a similar class, so it’s just a matter of targeting the social icon that you use.
Then I imagine you will also want to change the title that shows when you hover over the icon, so add this code to the end of your functions.php file in Appearance > Editor:function change_flag_title(){ ?> <script> (function($){ $(document).ready(function(){ $('.av-social-link-instagram a').attr('title','English Language') }); })(jQuery); </script> <?php } add_action('wp_footer', 'change_flag_title');just change the
.av-social-link-instagramto the social icon class that you use.
If you continue to have issues please include an admin login in the Private Content area so we can assist.Best regards,
MikeHi,
It looks like you have this custom css:.ls-wrapper > a.ls-layer-link { height: 100% !important; }Please try to find this css and change to:
.ls-wrapper > a.ls-layer-link { height: 40px !important; }Otherwise, please include an admin login in the Private Content area.
Best regards,
MikeHi,
To smooth scroll into place we will changeelmnt.scrollIntoView(true);toelmnt.scrollIntoView({ behavior: 'smooth', block: 'start' });
To add more buttons to the script, follow this format and adjust the class of the button and the ID of the hidden section, link this:(function ($) { $(".sustainabilityschalter").click(function(e) { e.preventDefault(); var elmnt = document.getElementById("hide_sustainability"); setTimeout(function () { elmnt.scrollIntoView({ behavior: 'smooth', block: 'start' }); }, 1500); }); $(".productschalter").click(function(e) { e.preventDefault(); var elmnt = document.getElementById("hide_product"); setTimeout(function () { elmnt.scrollIntoView({ behavior: 'smooth', block: 'start' }); }, 1500); }); $(".class-of-button").click(function(e) { e.preventDefault(); var elmnt = document.getElementById("ID-of-hidden-section"); setTimeout(function () { elmnt.scrollIntoView({ behavior: 'smooth', block: 'start' }); }, 1500); }); })(jQuery);Best regards,
MikeHi,
Thank you, we will close this now. Thank you for using Enfold.For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)Best regards,
MikeHi,
Please check the admin login details, I couldn’t login and received this error:Unknown usernameBest regards,
MikeHi,
To increase is the space between “Vous aimerez aussi” and related products:#top.single-product .related.products > ul.products.columns-4 { padding-top: 20px; }To reduce margin up to the product title of products pages:
#top.single-product .template-shop { padding-top: 10px !important; }Best regards,
MikeApril 18, 2020 at 4:13 pm in reply to: Enfold: Latest version of Event Calendar not working with Counter #1204980Hi,
Thanks, I tried matching your PHP version “7.2.24” on my localhost to see if I could reproduce the error, but this didn’t help. But in case they are not the same, can you try updating your PHP? I uploaded a current version of Enfold, your old version is named “enfold-old”.
I also tested PHP version “7.2.24” on a live server to ensure that my localhost was not the error. Is the dev site a copy of your live site, or was the live site a copy of the dev site? How did you copy the site, an option in your cPanel or a plugin?Best regards,
MikeHi,
OK, so you will be leaving it on hover.
As for your css issues, if you would like us to take a look at this then please open a new thread and include 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.Best regards,
MikeHi,
Thanks for the login, I found your draft “AAAA Test Enfold Lightbox” but the shortcode was mal-formed so I adjusted it for you.
When editing the shortcode in your post, I recommend doing so in the “text” tab and not in the “visual” tab.

Unfortunately, there is not an option to set default options to the elements, so you will need to select these options when you add your image shortcode for each image.Best regards,
MikeHi,
Glad we were able to help, we will close this now. Thank you for using Enfold.For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)Best regards,
MikeHi,
I took a look at your page and see that the script is working and the issue now is that the section is not scrolling to the top when it becomes visible.
So to test on the “tech” section I added this function to your script:(function ($) { $(".technologyschalter").click(function(e) { e.preventDefault(); var elmnt = document.getElementById("hide_technology"); setTimeout(function () { elmnt.scrollIntoView(true); }, 1500); }); })(jQuery);clicking on the button that shows the “hide_technology” section will delay 1.5 seconds (1500ms) and then scroll the section to the top. The delay seems necessary and if it is too short it won’t work, so you can try changing the “1500” to suit.
Also, note that you will need to clear your browser cache to see this work.
If you are satisfied with this you can model it for your other buttons.Best regards,
MikeHi,
Glad we were able to help, we will close this now and take a look at your other thread. Thank you for using Enfold.For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)Best regards,
MikeApril 16, 2020 at 1:51 pm in reply to: Enfold: Latest version of Event Calendar not working with Counter #1204425Hi,
I tested with updated theme and plugin, and the countdown element is working correctly for me, I see that you are using Enfold v4.6.3.1, please try updating.
Note that you will need to enter the token at Enfold Theme Options > Theme Update > Enter a valid Envato private token. You can read more here.Best regards,
MikeHi,
Glad we were able to help, we will close this now. Thank you for using Enfold.For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)Best regards,
MikeHi,
Glad Jordan could help, we will close this now. Thank you for using Enfold.For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)Best regards,
MikeHi,
Thank you for the feedback, I now see that the css is added via javascript, so this script should work.
Try adding this code to the end of your functions.php file in Appearance > Editor:function custom_cell_padding(){ ?> <script> (function($){ $(window).load(function(){ var width = $(window).width() if ((width <= 768)) { $( '#top.home .av-layout-grid-container' ).each(function() { $( this ).find( '.flex_cell.av_one_half' ).not('.av-zero-padding').css({ 'padding-top': '10px','padding-bottom': '10px'}); }); }; }); })(jQuery); </script> <?php } add_action('wp_footer', 'custom_cell_padding');This will only work on your home page if you want it to work on every page, remove
#top.homefrom the code.Best regards,
MikeHi,
On your menu item “solutions” I don’t see the class “mega-menu” as described above, did you use a different custom class?
I see that the Enfold Theme Options > Performance > JS & CSS file merging and compression is enabled, please disable and clear your browser cache so the restored javascript files will load.
If this doesn’t help, please disable your plugins to ensure there is not a conflict.
If this doesn’t help, then we will need to take a closer look with an admin login and FTP access in the Private Content area, but as this is not your thread your login info will not be private, please open a new thread.Best regards,
MikeHi,
Thank you for the feedback, and I’m glad this helps.
Examining your iframe link the end of the link contains?startpage=1which when loaded triggers it’s javascript that changes the link to?startpage=1#page_1which is the anchor it scrolls to.
So that is why it is scrolling, but I don’t see a way to override this unless you add the ID#page_1to the top of your page to break the scroll.Best regards,
MikeHi,
Please try this css instead in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:#newsbox-3.newsbox ul li:before { display: list-item; content: ""; list-style: disc inside; float: left; position: absolute; left: 0; } #newsbox-3.newsbox ul li { list-style: none; padding-left: 13px; }Best regards,
MikeHi,
@australiemag, I had entered my email in the Private Content area, but you couldn’t see it because this is not your thread.
Please open a new thread and include an admin login and a link to your new thread in the Private Content area and then you will see what we write in the Private Content area.Best regards,
MikeHi,
It looks like WP-CLI can only generate thumbnails for images missing image sizes with[--only-missing], if you know how to use WP-CLI Here is the official site. This answer says it takes about 30 seconds for this to correct 4000 images.
But I didn’t find an alternative to this or a plugin to do the same, perhaps I missed it.
Did you try to manually regenerate one image to see if this helps?Best regards,
MikeHi,
Thank you for the feedback, I wanted to login to investigate but the login was incorrect, please check.Best regards,
MikeHi,
I’m testing in the “2017 Demo”, so I used a “custom link” in the menu to replace the parent mega menu item so it would not have a clickable link. Notice that I enabled the custom classes in the menu so the parent item that will open on click can be targeted with the class “mega-menu”

Then I added this css in the Quick CSS:li.menu-item-mega-parent.mega-menu a.open-mega-a:hover ~ .avia_mega_div { opacity: 0 !important; display: none !important; } li.menu-item-mega-parent.mega-menu a.open-mega-a:focus ~ .avia_mega_div { opacity: 1 !important; display: block !important; }This hides the sub-menu on “hover” but shows on “click”.
After applying the css, Please clear your browser cache and check.
Please note that I didn’t change the “avia.js”Best regards,
Mike -
AuthorPosts



