Forum Replies Created
-
AuthorPosts
-
Hi,
It sounds like you didn’t import the parent theme settings when you activated the child theme.

You can also try disabling or clearing your cache plugins, and disabling the Enfold Theme Options > Performance > JS & CSS file merging and compression and then clear your browser cache.
To enable the shop cart icon in the menu, go to Enfold Theme Options > Shop Options > Header Shopping Cart Icon and choose “Always Display attached to the main menu”

Best regards,
MikeHi,
I believe that the page is going to the anchor but the page is not fully loaded yet, so when the page is finished loading the position of the scroll is not correct. This seems to help.
Try adding this code to the end of your functions.php file in Appearance > Editor:function custom_scroll_script(){ ?> <script> (function($) { $('a[href*="#"]:not([href="#"])').click(function() { var target = $(this.hash); $('html,body').stop().animate({ scrollTop: target.offset().top - 90 }, 'linear'); }); if (location.hash){ var id = $(location.hash); } $(window).load(function() { if (location.hash){ $('html,body').animate({scrollTop: id.offset().top -90}, 'linear') }; }); })(jQuery); </script> <?php } add_action('wp_footer', 'custom_scroll_script');Please add this function and clear your browser cache and check.
Best regards,
MikeHi,
Sorry, we can’t control your webhost environment, but we can help, we will just need an admin login and FTP access to try a manual import to overcome your webhost’s issues.Best regards,
MikeHi,
Sorry, if you try to post a link to your site it didn’t work, please try again.
Ok, you reset your site, go ahead and try to import the demo you want, if the error occurs again please take a screenshot and include a link to your site in the Private Content area so we can take a look.
To add a screenshot please try using https://savvyify.com/img/ and pasting the image URL in your post.Best regards,
MikeHi,
Glad to hear this helps some, but this was the only working solution I found that didn’t break the timeline, do you think you will be able to use this?Best regards,
MikeHi,
Glad to hear it is sorted out now, 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 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,
Sorry for the late reply and thanks for the screenshot. Unfortunately, I don’t see the focus ring on my device, but try this css to hide it on your device.
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:#top .main_color .toggler:focus { outline: 0 !important; outline: 0 -webkit-focus-ring-color !important; }After applying the css, Please clear your browser cache and check.
Best regards,
MikeHey bcerin,
Sorry for the late reply, you can add the media query@media print{ your-style-here }to your custom stylesheet.
For example, this css will remove the sidebar header from the print version.
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:@media print{ #header { display: none !important; } .html_header_left #main { margin-left: 0px !important; } }After applying the css, Please clear your browser cache and check.
Please see the screenshots in Private Content area of the print preview with and without the css.
You can add more css rules between the first and last brackets.Best regards,
MikeHi,
To make it more specific I changed it to this:function remove_title_on_hover(){ ?> <script> (function($){ $("#top.page-id-1217 *").hover(function(){ $(this).removeAttr("title"); }); })(jQuery); </script> <?php } add_action('wp_footer', 'remove_title_on_hover');now it should only work on the one page.
Best regards,
MikeHey jwencke,
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:#top #header .av-main-nav > li > a, #top #header .av-main-nav > li > a > .avia-menu-text { background-color: transparent !important; color: #0004ff !important; }After applying the css, Please clear your browser cache and check.
Best regards,
MikeHey M_Salmaso,
Please include a link to a page that we can see this shortcode, and perhaps an admin login in the Private Content area.Best regards,
MikeHi,
Thank you, it looks like you were trying to import the Enfold One Page Portfolio Demo and it failed. Some “Managed
WordPress” webhosts have stricter security rules, you could check your PHP settings to see if the secure options are activated.
If “allow_url_fopen, “allow_url_include” and “register_globals” are “off”
then try turning these “on”.
Then you will want to install and run the plugin WP Reset and try the demo import again.
If this doesn’t help then please register for support by following the steps above, and open a new thread and include admin login and ftp access in the Private Content area so we can try a manual import. But we can only offer technical support for registered users.Best regards,
MikeHi,
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:.phone-info .av-rotator-text-single > a { padding-right: 10px; }please adjust to suit, then clear your browser cache and any cache plugin, and check.
Best regards,
MikeHi,
To remove the titles of your images, try adding this code to the end of your functions.php file in Appearance > Editor:function remove_title_on_hover(){ ?> <script> (function($){ $("*").hover(function(){ $(this).removeAttr("title"); }); })(jQuery); </script> <?php } add_action('wp_footer', 'remove_title_on_hover');I realize that the page we are working on for the lightbox issue is a test page, so the only thing left to do is add the page ID to the css so it won’t accidentally cause issues, which page do you want it to work on, or do you want to have it work on all pages?
Best regards,
MikeHi,
The login token seems to have expired, so I couldn’t check your site, but I tested on a similar lightbox situation so this css should work, but to make it more targeted so it doesn’t affect the whole site I will need to see your site again.
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:.mfp-arrow.mfp-prevent-close { display:none !important; } .mfp-content { pointer-events: none !important; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: pointer !important; }After applying the css, Please clear your browser cache and check.
Best regards,
MikeHi,
I did see the message, I only posted “mysite” above like you did because I thought you didn’t want to post the URL publicly.Best regards,
MikeHi,
Sorry for the late reply, I took a look at your widget navigation and adjusted the function to work for your site, but the only thing is your parent menu items need to not link to a page, just “#” because they can’t toggle and be a link at the same time.
Once you remove the links from the parent items, add this code to the end of your functions.php file in Appearance > Editor:function widget_menu_dropdown(){ ?> <script> (function($){ $(document).ready(function(){ $('#menu-sidebar-oferta-1 > li.menu-item-has-children').find('ul').hide(); $('#menu-sidebar-oferta-1 > li.menu-item-has-children').click(function () { $('#menu-sidebar-oferta-1 > li.menu-item-has-children').not(this).find('ul').hide(); $(this).find('ul').toggle(); }); }); })(jQuery); </script> <?php } add_action('wp_footer', 'widget_menu_dropdown');I also tried the function using hover to toggle and it seems to work well allowing you to also use the parent links. Please give this a try in your functions.php, but don’t try both at the same time.
function widget_menu_dropdown_two(){ ?> <script> (function($){ $(document).ready(function(){ $('#menu-sidebar-oferta-1 > li.menu-item-has-children').find('ul').hide(); $('#menu-sidebar-oferta-1 > li.menu-item-has-children').hover(function () { $('#menu-sidebar-oferta-1 > li.menu-item-has-children').not(this).find('ul').hide(); $(this).find('ul').toggle(); }); }); })(jQuery); </script> <?php } add_action('wp_footer', 'widget_menu_dropdown_two');Best regards,
MikeHey Michael,
Sorry for the late reply, please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:#top.page-id-3274 .av-tab-section-icon,#top.page-id-24 .av-tab-section-icon { font-size: 20px !important; margin-bottom: 15px; }After applying the css, Please clear your browser cache and check.
Best regards,
MikeHi,
Sorry for the late reply, and thanks for the login, when I check your site I get these results:
https://www.mysite.com
301 Moved Permanently
https://www.mysite.ch/
200 OKI don’t see any redirect settings on your site so I assume this is done at your server or your domain register, perhaps while you were setting this up you added a domain redirect and forgot? Or you had one but turned it off, now you still have this issue?
If you did have a redirect and turned it off, but now it’s still working, ask the support were it was set up and ask for a “DNS Flush”, this flushes the cache of the domain server. It can take a day to complete.Best regards,
MikeHi,
Sorry for the late reply, I’m not sure why this is occurring but you could try this css in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:h5.av-share-link-description.av-no-toc:before { content: 'Deel dit verhaal'; color: #000; } h5.av-share-link-description.av-no-toc { color: #fff; width: 109%; }Feel free to adjust to suit.
After applying the css, Please clear your browser cache and check.Best regards,
MikeHi,
Sorry for the late reply, this is how the css would look to only apply it to pages with a transparent header:#header.av_header_transparency .logo img { top: 50%; transform: translateY(-50%); max-width: 200px; } #header.av_header_transparency .logo, #header .logo a { width: 200px; }I notice that on your other pages the logo was sitting to the left a little, this css would correct:
#header .logo img { margin: auto; }Best regards,
MikeHey Thomas,
Sorry for the late reply, your link seemed down when I looked so I added an “Alternate Menu for Mobile” to a live test site and checked the menu with an Android mobile, and each menu item only required a single tap. Please check, the link is in the Private Content area.Best regards,
MikeHi,
Sorry for the late reply, I tested adding scale to a few different divs and this one enlarged the circle without breaking the other parts of the timeline, please give it a try to see if it helps.
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:ul.avia-timeline-vertical li { transform: scale(1.3); }After applying the css, Please clear your browser cache and check.
Best regards,
MikeHi,
Sorry for the late reply, this function will move the header widget, logo, and the search after the #main and applies z-index so they are fixed and under the content scroll.
Try adding this code to the end of your functions.php file in Appearance > Editor:function custom_script(){ ?> <script> (function($){ $(document).ready(function(){ $( '#wrap_all' ).each(function() { $( this ).find( 'span.logo' ).insertAfter( $(this).find('div#main') ); $("span.logo").css({ 'position': 'fixed','z-index': '0' }); $( this ).find( 'div#search-2' ).insertAfter( $(this).find('div#main') ); $("div#search-2").css({ 'position': 'fixed','z-index': '0','right': '10em' }); $( this ).find( 'div#custom_html-3' ).insertAfter( $(this).find('div#main') ); $("div#custom_html-3").css({ 'position': 'fixed','z-index': '0','right': '10em' }); }); }); })(jQuery); </script> <?php } add_action('wp_footer', 'custom_script');and then add this css in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:
#top #wrap_all #search-2 { top: 70px !important; } #top #custom_html-3 { top: 40px !important; } #top #custom_html-3 .custom-html-widget { height: 238px; width: 200px; }Then clear your browser cache and check.
Please see the screenshot in Private Content area.Best regards,
MikeApril 26, 2020 at 7:23 pm in reply to: Portfolio grid Post Number – How many items should be displayed per page #1207331Hi,
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,
Sorry for the late reply, I tried resetting your site and use a modified construction.xml and import the demo but your site seemed very slow and the images were not downloaded. This sometimes happens to “Managed WordPress” hosting because they have strict security settings.
I installed the demo on my host and copied the images from /wp-content/uploads/ to the link in the Private Content area.
Please try uploading these via FTP or your webhost’s file manager and then use the reset plugin to reset your site.
Then try uploading the import file in the Private Content area to\wp-content\themes\enfold\includes\admin\demo_files\
and replace theconstruction.xmlwith the one below, which you will have to remame toconstruction.xml
In this file I changed all of the image links to your server so it will accept the download URL and import them.
Then try importing the demo.
If you’re not sure about this, then include your FTP access in the Private Content area and I will assist.Best regards,
MikeApril 26, 2020 at 5:56 pm in reply to: Portfolio category click and automatically scroll down to grid content #1207311Hey jannnnnneke,
Sorry for the late reply, and thanks for the link. This will smooth scroll down when a sort item is clicked on mobile.
Try adding this code to the end of your functions.php file in Appearance > Editor:function custom_script(){ ?> <script> (function ($) { $("#top.home .sort_width_container a").click(function() { var width = $(window).width() var elmnt = document.getElementById("socket"); if ((width <= 768)) { setTimeout(function () { elmnt.scrollIntoView({ behavior: 'smooth', block: 'start' }); }, 500); } else {} }); })(jQuery); </script> <?php } add_action('wp_footer', 'custom_script');Then clear your browser cache and check.
Best regards,
MikeApril 26, 2020 at 5:06 pm in reply to: Zoom behaviour on Laptops | Windows Desktop App Scale #1207296Hi,
Sorry for the late reply, I have my windows device scale set to 125% but I do not see the issue you describe above, but when I use the Chrome “Zoom” I do, is this what you meant?
Unfortunately, I couldn’t find any way to get the browsers zoom level, to then apply css to adjust.
Please see this article: Media queries and browser zoom (scroll down about 30% for this heading) and this one.Best regards,
MikeHey ksalewski,
Sorry for the late reply, it looks like you are getting an early errorUncaught TypeError: Cannot read property 'innerHTML' of nullfrom:jQuery(window).load(function() { var el = document.querySelector('.avia-caption-title'); el.outerHTML = '<h1 class="avia-caption-title ">' + el.innerHTML + '</h1>'; });This looks like a custom script, perhaps in your functions.php? Please try removing it and clearing your cache then test your menu item.
Best regards,
Mike -
AuthorPosts
