Forum Replies Created
-
AuthorPosts
-
June 14, 2020 at 8:30 pm in reply to: Google Maps JavaScript API warning: RetiredVersion https://developers.google.com #1222504
Hi,
@BlutVampir, Sorry for the late reply, the google maps API version is on line 17 in\wp-content\themes\enfold\framework\php\class-gmaps.phplook for:const API_VERSION = '3.38';and change to:const API_VERSION = '3.41';
Although I experienced the warning on my localhost, I was still able to create and edit maps. When your error occurred did you get a message? Or did you just see the map API warning and thought it was related?
Perhaps we can log into a test page and see the error?Best regards,
MikeJune 14, 2020 at 7:35 pm in reply to: Productfilter doesn't show in sidebar – it sticks to the bottom of the page #1222498Hi,
Thanks for the link but I don’t see a sidebar on your shop page. Where can we see this?
It looks like your shop page has been replaced with a shortcode for the Woof product filter displaying a grid, or the Dokan plugin is this correct?
If this shortcode is set to 100% width that could cause the sidebar to be pushed down, this also occurs with our full-width elements such as the color section. But we will be able to tell more when we see it.Best regards,
MikeJune 14, 2020 at 6:36 pm in reply to: Ajax Portfolio Grid Open Underneath instead of On Top #1222492Hi,
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,
MikeJune 14, 2020 at 3:28 pm in reply to: Animate text on page so it pops up/fade in when you scroll. #1222478Hi,
Sorry for the late reply and thanks for the link, looking at your 3 text blocks at the top of your page on mobile I see that that they are in a section that only shows on mobile#buildingtopmobilebut each block has a different custom class, so for example, your second block has the custom class.textMiddleand this script hides the text block on page load and then shows it with animation when the element is about mid-screen.
Try adding this code to the end of your functions.php file in Appearance > Editor:function custom_script(){ ?> <script> (function($) { var headerHeight = -200; var distance = $('#buildingtopmobile .textMiddle').offset().top + headerHeight; $('#buildingtopmobile .textMiddle').hide(); $(window).scroll(function() { if ( $(this).scrollTop() >= distance ) { $('#buildingtopmobile .textMiddle').show("slow"); } else { } }); })(jQuery); </script> <?php } add_action('wp_footer', 'custom_script');Please clear your browser cache and check that this works for you on mobile and if so then try making the last text block have the same custom class to see if both animate on scroll. I don’t think the top text block should have the class because it is already in view on page load so you probably won’t notice the animation.
Best regards,
MikeHi,
Glad you have this sorted out, 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,
Thanks for the screenshot, there are a couple of ways to determine if the page is scrolled to apply to the burger icon color, depending on your theme settings. So if we could examine the page we could offer a better solution, but with just the screenshot to go by, this css should work.
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:.header_color:not(.av_header_transparency) .av-hamburger-inner, .header_color:not(.av_header_transparency) .av-hamburger-inner::before, .header_color:not(.av_header_transparency) .av-hamburger-inner::after { background-color: blue !important; }After applying the css, Please clear your browser cache and check.
If this doesn’t help please include the URL to the page in question so we can take a closer look.Best regards,
MikeJune 14, 2020 at 12:47 pm in reply to: Header displays for a split second too wide (menu positioning issue) #1222464Hi,
Thanks for sharing your solution, this seems to work well. Unless there is anything else we can assist with on this issue, shall we close this then?Best regards,
MikeHi,
@kaysejo sorry for the late reply, if you would like to add the “aria-label” as a “ALT” to your social icons, Try adding this code to the end of your functions.php file in Appearance > Editor:function custom_script(){ ?> <script> (function($){ $(document).ready(function(){ $( '#header_meta .social_bookmarks a' ).each(function() { var socialtitle = $( this ).attr("aria-label"); $( this ).attr("alt",socialtitle); }); }); })(jQuery); </script> <?php } add_action('wp_footer', 'custom_script');The scroll to top icon already has the alt of: “Scroll to top” and I didn’t see a search icon in your header.
Best regards,
MikeJune 14, 2020 at 4:29 am in reply to: Change my Website from 1024px (ipad) to the Mobile Version #1222422Hi,
Sorry for the late reply, I assume that you have a one-page website but have created two pages optimized for two screen sizes.
To load a certain page depending on device and screen size is actually complex for it to work correctly and dependable, I would recommend using a plugin to achieve this. This one might work well.
But if you simply want to load a certain page depending on if it is 1024px or smaller, Try adding this code to the end of your functions.php file in Appearance > Editor:function custom_script(){ if ( is_page('home') ) { ?> <script> if(window.innerWidth < 1024) { window.location.replace("http://test.test/shop/"); } else { } </script> <?php } } add_action('wp_head', 'custom_script');This script first checks if the page loading is the “home” page, you can use the “home” slug or the page ID to decide which page is replaced.
Then the script checks the inner width of the device screen and if it is less than 1025px then it loads the URL given, please adjust to your URL you want to load for mobile.
For desktop just set your desktop “home” page as the real “home page” in WordPress.
If you test on your desktop by changing the window size you will have to reload the page after each adjustment because the script loads on page load, not on window resize.Best regards,
MikeHi,
Sorry for the late reply and thanks for the link, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:.avia-video, .avia-video iframe, .avia-video video { background-color: #fff !important; }Then clear your browser cache and any cache plugin, and check.
Best regards,
MikeHi,
Sorry for the late reply and thanks for the link. For product pages, the correct placement of the sidebar is below the product main image. If you would like to move the sidebar to the right so you have 3 columns, please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:.avia_desktop #top.single-product #main > div > .container { max-width: 95% !important; } .avia_desktop #top.single-product #main .sidebar.sidebar_sidebar_right { margin-left: 0; width: 20%; float: right; padding-top: 0 !important; } .avia_desktop #top.single-product #main .single-product-summary { width: 35%; float: left; }Feel free to adjust this css to suit.
Then add this code to the end of your functions.php file in Appearance > Editor:function custom_script(){ ?> <script> (function($){ $(document).ready(function(){ $( '.avia_desktop #top.single-product .sidebar_right.template-shop' ).each(function() { $( this ).find( '.sidebar_sidebar_right' ).insertAfter( $(this).find('.single-product-summary') ); }); }); })(jQuery); </script> <?php } add_action('wp_footer', 'custom_script');Then clear your browser cache and check.
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 :)For future reference the final script was:
function custom_pagination(){ ?> <script> (function($){ $(document).ready(function(){ var url = document.URL; var theURL = url.split("page")[0]; $new_pagination = '<nav class="pagination"><a href="'+theURL+'" class="inactive">1</a><a href="'+theURL+'page/2/" class="inactive">2</a><a href="'+theURL+'page/3/" class="inactive">3</a><a href="'+theURL+'page/4/" class="inactive">4</a><a href="'+theURL+'page/5/" class="inactive">5</a></nav>' if ($("#top.page-id-5480" || "#top.page-id-5494" || "#top.page-id-5500")){ $( "nav.pagination" ).replaceWith( $new_pagination ); } else {} }); })(jQuery); </script> <?php } add_action('wp_footer', 'custom_pagination');Best regards,
MikeHi,
Sorry for the late reply, I didn’t find the CSS active on your page right now, but when I inject the CSS your button animates.
So perhaps you have a cache conflict, try clearing your site cache, or your CSS has an error in it such as a missing bracket.
Try copying all of your custom CSS to WordPress > Customize > Additional CSS this CSS field checks for errors, see if you have any red “X”‘s if so try to repair.
If this doesn’t help, please include an admin login in the private content area so we can be of more assistance.Best regards,
MikeHi,
Sorry for the late reply and thanks for the example page, your script is working for me, I tested with Chrome & Firefox and clicking the “Jump to 2020” button goes to that slide. Did you sort this out?Best regards,
MikeJune 13, 2020 at 11:24 pm in reply to: Ajax Portfolio Grid Open Underneath instead of On Top #1222409Hey hloft,
Sorry for the late reply, to have the portfolio ajax preview container open below the portfolio grid container, Try adding this code to the end of your functions.php file in Appearance > Editor:function custom_portfolio_ajax_script(){ ?> <script> (function($){ $(document).ready(function(){ $( '.av-portfolio-grid-sorting-container' ).each(function() { $( this ).find( '.portfolio_preview_container' ).insertAfter( $(this).find('.grid-sort-container') ); }); }); })(jQuery); </script> <?php } add_action('wp_footer', 'custom_portfolio_ajax_script');This will be site wide, if you only want this to work on one page add your page ID to the beginning of
.av-portfolio-grid-sorting-containerwith a space, like this.page-id-145 .av-portfolio-grid-sorting-containerin the code above.
Then clear your browser cache and check.Best regards,
MikeHey shar_s,
Sorry for the late reply, I believe what has happened is that when you buy a license on Envato you first get this support option:

This first offer ofExtend support to 12 months $17.63is only valid at the time of purchase, but Envato sends emails about how the cost of support is calculated as a percentage of the item price and changes with time.

So I believe you received an email during the “support period” about your support option pricing from Envato, we do not set this price and can not “sell” this directly, all purchases must go through Envato.Best regards,
MikeJune 13, 2020 at 9:18 pm in reply to: Problems with quantity field on WooCommerce shop pages #1222401Hey Sonja,
Sorry for the late reply, and thanks for the login I took a look at the post where you got the code snippet and then investigated your add to cart buttons.
I changed this part of the snippet:
add_to_cart_button.data( "quantity", jQuery( this ).val() );
to this:
add_to_cart_button.attr( "data-quantity", jQuery( this ).val() );
and now it seemsto work correctly, please clear your browser cache and check.Best regards,
MikeHi,
Thanks, so the first issue is that your menu has no “#top” or “home” link so the first anchor link that is found on the page is highlighted, so to correct I have added a hidden “#top” link so when the page is loaded no menu items are highlighted, but when you scroll down the anchors are highlighted.
The second issue seems that your “footer as a page” being linked to with a “#footer” anchor which should be ok, but it seems to work correctly when using “#footer-page” instead.
Please clear your browser cache and check.Best regards,
MikeJune 13, 2020 at 8:14 pm in reply to: Put description or subtext into menu-button-colored area #1222398Hi,
The buttons are overlapping due to this css, probably in your Quick CSS:.av-menu-button + .av-menu-button { margin-left: -10px; }Try changing to this:
.av-menu-button + .av-menu-button { margin-left: 10px; }But the subtext still makes the buttons very large, please try these changes:
.html_header_top .av_bottom_nav_header #header_main_alternate .main_menu ul:first-child > li > a { line-height: 25px; /*was: line-height: 50px;*/ } #top #header #avia-menu li.menu-item a > .avia-menu-subtext { margin-top: -5px; /*was: margin-top: -45px;*/ }After applying these changes, Please clear your browser cache and check.
Please see the screenshot in Private Content area.Best regards,
MikeHi,
Thanks for the feedback, since this will be for three pages I added a function to get the current page path and add it to the pagination URL so it doesn’t have to be hardcoded into the links. Then I found that two of the pages were not using the pagination so I adjusted them so we could test the pagination function, 20 items per page and pagination “on”
It seems that this is working on all three pages now, please check.Best regards,
MikeJune 13, 2020 at 12:34 pm in reply to: Can't import demo "Enfold 2017 | Import didn’t work! You might want to try again #1222353Hi,
Sorry @mituweb, the login is not working for me, please check. Please also include ftp access so we can upload the demo images.Best regards,
MikeHi,
I see, ok I will investigate this, but the login doesn’t give us access to your theme or WordPress options, please see the screenshot in Private Content area.Best regards,
MikeHi,
Yes, sorry for the late reply. We will leave this open until you have a chance to check the site and let us know if you find any errors with the import. You can also take a look at Enfold documentation here
and for any other questions or issues, feel free to start a new thread in the Enfold forum and we will gladly try to help you :)Best regards,
MikeJune 12, 2020 at 1:43 pm in reply to: Put description or subtext into menu-button-colored area #1222057Hi,
Sorry for the late reply and thanks for the link, it looks like your style is on.avia-menu-subtextplease try removing and apply to the link (a) like this:li.av-menu-button a { background: linear-gradient(#8fc74a, #cada48) !important; color: black !important; border: 2px solid #719430; border-radius: 25px; padding: 0 9px; }Then you can adjust the red subtext via the
margin-top: -60px;which is forcing it above the menu text.
You will probably want to fine tune the button css, but this is the basic idea:

Best regards,
MikeHi,
Sorry for the late reply and thanks for the login and the ftp access, I uploaded all of the demo images and then modified the enfold-2017.xml file to import the images from your server instead of ours. The demo is now installed and working well, please clear your browser cache and check.Best regards,
MikeHi,
Sorry for the late reply, no I didn’t find the error in the other thread, I have asked for assistance from the other team members, but we still have not sorted it out yet.
I tried the filter but it returned too much info to be helpful.Best regards,
MikeHi,
Sorry for the late reply, the login doesn’t seem to be working, but I also notice that I’m redirected to “.group” from “.ar” on the homepage.
I have researched this on my localhost and found that the Attribute Box will show automatically within the “Product Purchase Button” element, if your item is variable, the Attributes are what defines the differences in the variable products.

Perhaps your item is set as a “simple product”

Please check, or link to a test product page and we can adjust to demonstrate.Best regards,
MikeJune 12, 2020 at 11:35 am in reply to: Header displays for a split second too wide (menu positioning issue) #1221999Hi,
How about using the preloader at Enfold Theme Options > Page Preloading? I have enabled it and now the preloader shows first and then when the page shows the header is correct. Please clear your browser cache and check.Best regards,
MikeHi,
Thanks for the login, unfortunately, this is not an admin login so I can not investigate the site settings and such, please elevate to admin.
Also, I don’t see the flashing of the menu items, are you sure this is occurring on this site also?Best regards,
Mike -
AuthorPosts
