Forum Replies Created
-
AuthorPosts
-
Hi,
I assume you found @Guenni007 solution to work well, did you need more assistance or shall we close this?Best regards,
MikeHey satucker,
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:.header-scrolled #header_main span.logo,#header:not(.av_header_transparency) #header_main span.logo { display: none !important; }After applying the css, Please clear your browser cache and check.
Best regards,
MikeHey satucker,
I took a look at some of our demos and didn’t see a shadow under the header, please link to your site so we can see the shadow.
If you think we might miss it, please include a screenshot of the shadow.
To add a screenshot please try using https://savvyify.com/img/ and pasting the image URL in your post.Best regards,
MikeHi,
Thanks for the link, the first part of this code changes the countdown to red, and the second part makes the background transparent. Please adjust to suit.
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:#top.home .main_color .av-default-style .av-countdown-cell-inner .av-countdown-time,#top.home .main_color .av-default-style .av-countdown-cell-inner .av-countdown-time-label { color: red !important; } #top.home .main_color .av-default-style .av-countdown-cell-inner { background-color: transparent; border-color: transparent; }After applying the css, Please clear your browser cache and check.
Best regards,
MikeHey OSLO2019,
Sorry for the late reply, unfortunately, we don’t have a built-in option for this yet, but you could try using this function.Best regards,
MikeHi,
To add another flag, you would add another social icon that you don’t plan on using and adjust the steps above to suit.
To add the social icons to the mobile menu, please follow these steps.Best regards,
MikeHi,
You had asked why it takes so long for your css to work, I took a look and found that you have been commenting out some lines in your css with PHP code//comment here, css uses this format/*comment here*/
I correct this for you and now your sub-menu css is working.
Please clear your browser cache and check.Best regards,
MikeHi,
Glad to hear, this code won’t affect anything else, so no worries.
Unless there is anything else we can assist with on this issue, shall we close this then?Best regards,
MikeHey gabrielkaras,
Thanks for the link, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:@media only screen and (max-width: 767px) { #top.page-id-4553 #after_layer_slider_1 .entry-content-wrapper { display: flex !important; flex-wrap: wrap !important; } #top.page-id-4553 #after_layer_slider_1 .avia-builder-el-1 { order: 2 !important; } #top.page-id-4553 #after_layer_slider_1 .avia-builder-el-3 { order: 1 !important; } }Best regards,
MikeHey ibrahimsyed132755,
Unfortunately, your version needs to be updated via FTP, the easiest and safest way to do this is to download the newest version from Theme Forest and rename your current theme folder to “enfold-old” via ftp then upload the new “enfold” folder and check that your site is working correctly.
Should for some reason you wish to roll-back to the old version, it’s easy to do, simply rename the new “enfold” folder to “enfold-new” via ftp and then rename “enfold-old” to “enfold” then refresh your page.
Once you are happy you can delete the “enfold-old” folder via ftp, (not the WP theme page)
Please don’t try to overwrite the theme folder, as this will leave old files behind and cause errors.Best regards,
MikeHey marcoabis81,
Sorry for the late reply and thanks for the login. I believe that the inner box-shadow height is controlled by the content and does match the column height. You could remove your box-shadow and apply it to the columns for the full column height.
Another option is to set the box-shadow height to the same as the column, which I did by adding this function to your functions.phpfunction new_custom_height_script(){ ?> <script> (function($){ $(window).load(function(){ var s1 = $('#top.page-id-12491 #av_section_5 .av_one_third.av-equal-height-column').height(); var s2 = $('#top.page-id-12491 #av_section_5 .av_one_third.av-equal-height-column .avia_textblock.box-shadow').height(); if (s2 < s1) { $('#top.page-id-12491 #av_section_5 .av_one_third.av-equal-height-column .avia_textblock.box-shadow').css('height', s1 + "px"); } else {} }); })(jQuery); </script> <?php } add_action('wp_footer', 'new_custom_height_script');Please clear your browser cache and check.
Best regards,
MikeHi,
Thanks, some “Managed WordPress” hosts have the secure PHP options activated.
These advanced settings will probably need to be looked at by your webhost,
if “allow_url_fopen, “allow_url_include” and “register_globals” are “off” try turning these “on”.
If this doesn’t help, please include ftp access in the private content area so we can try to import the demo manually.
You want the “Shop Demo” correct?Best regards,
MikeHey andoni34,
Sorry for the late reply, unfortunately, you can not link to a section inside of a tab, you can only link to the tab.Best regards,
MikeHey Julia Klein,
Vielen Dank fürs Schreiben. Ich sehe, dass Sie sagen, dass Sie Enfold schon lange hatten. Daher gehe ich davon aus, dass Ihr Thema aktualisiert werden muss. Sehr alte Versionen von Enfold funktionieren nicht wie erwartet, da sich das neue WordPress so stark verändert hat.
Bitte verlinken Sie auf Ihre Website, damit wir prüfen können, ob dies die Ursache ist.— Translated with Google —
Thanks for writing, I see you say that you had Enfold for a long time, so I assume that your theme needs to be updated, very old versions of Enfold will not work as expected because the new WordPress has changed so much.
Please link to your site so we can check if this is the cause.Best regards,
MikeHi,
I took a look at your sub-menu items and they showed as being the Roboto font-family, but the font you uploaded is actually Roboto-regular. I changed the css and it looks correct now, please clear your browser cache and check.Best regards,
MikeHey HeadStudiosWeb,
The image that is showing on your site in mobile is coming from this css:.home #av_section_1 { background-image: url(//your-domain.com.au/wp-content/uploads/2017/12/bacgkround-image.png)!important }it is probably in your custom css, please see if you can find this and remove it.
Your H1 text that is too large has inline css which you will need to correct manually, right now it is set tofont-size: 4.5em;you will want this for the text to fit on the screenfont-size: 3em;Best regards,
MikeHi,
Unfortunately, your version of Enfold will require a manual FTP update, the easiest and safest way to do this is to download the newest version from Theme Forest and rename your current theme folder to “enfold-old” via ftp then upload the new “enfold” folder and check that your site is working correctly.
Should for some reason you wish to roll-back to the old version, it’s easy to do, simply rename the new “enfold” folder to “enfold-new” via ftp and then rename “enfold-old” to “enfold” then refresh your page.
Once you are happy you can delete the “enfold-old” folder via ftp, (not the WP theme page)
Please don’t try to overwrite the theme folder, as this will leave old files behind and cause errors.Best regards,
MikeHi,
@rinkdemi Please create your own post so we can assist and include screenshots of our findings in the Private Content area, for example I took a look at your homepage in the editor, but I couldn’t find any issues. Your frontend also looked fine.
When you start your own post also include screenshots of the error. To add a screenshot please try using https://savvyify.com/img/ and pasting the image URL in your post.Best regards,
MikeHey 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,
Mike -
AuthorPosts

