Forum Replies Created
-
AuthorPosts
-
May 23, 2020 at 9:52 pm in reply to: Show a full width secondary menu (or a sub menu) on archive category pages #1215589
Hi,
Sorry I didn’t mean for you to use that code I was just trying to show the part of the code that checks the page for the two classes which means it’s a woocommerce archive page.
So I copied the HTML code for your sub-menu and added it via javascript, which works without braking the page or sidebar layout.
Please clear your browser cache and check.Best regards,
MikeHi,
1) I believe you mean that on a page like in the Private Content area you want the “Voir les détails” to say something else when a product is out of stock.

Unfortunately, the items do not show a stock status on this page so we can’t change what the button says, but I did find this article: Hide loop read more buttons for out of stock items which is a function to hide the button which might also be a good option.
2) The difference between your screenshot and the page seems to be that the variation drop down is no wider than your purchase button, is this what you meant?
If so please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:div form.cart table.variations { width: 50% !important; }Best regards,
MikeHi,
The dev team adjusted the /enfold/enfold-functions.php file for the next update to correct this, you can try the file in the Private Content area, but please keep a copy of your original for fall back.Best regards,
MikeHi,
Glad to hear, this will be in the next update.
Unless there is anything else we can assist with on this issue, shall we close this then?Best regards,
MikeHi,
Thank you for the feedback, on your page you have an easy slider element where the product would be, so this is not connected to the woocommerce product and thus it is not going the change when you use the color variation button in the “Product Purchase Button” element. Woocommerce doesn’t have a shortcode for the product image and your variation plugin doesn’t have a shortcode a variation gallery, so, unfortunately, this is not going to work for you on an Advanced Layout Builder page.Best regards,
MikeMay 23, 2020 at 6:53 pm in reply to: Layerslider plays a second time when page scrolls on mobile device #1215552Hi,
Sorry for the late reply, I found that for your mobile slider the “Allow restarting slides on resize” in the advanced settings was enabled and disabling solves the slider restart issue for my Android device. Please clear your browser cache a few times and check.
This setting is independent for each slide and is hidden by default so you will need to switch the Advanced Settings button to see it.

I checked your homepage slider and this was disabled so that would explain the difference between the two.Best regards,
MikeMay 23, 2020 at 6:10 pm in reply to: Homepage color section backgrounds not correct on iPad #1215545Hi,
Sorry for the late reply, I have asked for someone with an iPad on the team to assist with this, thank you for your patience.Best regards,
MikeHi,
Sorry for the late reply, I found that moving the elements the visibility of the featured image changes, I added some css to the element to correct this. I also added the ability to work on the blog & single post, try replacing the above function with this code at the end of your functions.php file in Appearance > Editor:function custom_meta_script(){ ?> <script> (function($){ $(window).load(function(){ $( '#top.blog .post-entry.multi-big' ).each(function() { $( this ).find( 'span.post-meta-infos' ).css({ 'margin-top': '0px','padding-top': '0px'}).insertAfter( $(this).find('h2.post-title.entry-title')); $( this ).find('span.blog-categories.minor-meta').css({ 'margin-top': '15px','padding-top': '10px'}).insertAfter( $(this).find('div.entry-content')); $( this ).find('.big-preview.multi-big a').css({ 'overflow': 'visible'}); }); $( '#top.single-post .post-entry.single-big' ).each(function() { $( this ).find( 'span.post-meta-infos' ).css({ 'margin-top': '0px','padding-top': '0px'}).insertAfter( $(this).find('h1.post-title.entry-title')); $( this ).find('span.blog-categories.minor-meta').css({ 'margin-top': '15px','padding-top': '10px'}).insertAfter( $(this).find('div.entry-content')); $( this ).find('.big-preview.single-big a').css({ 'overflow': 'visible'}); }); }); })(jQuery); </script> <?php } add_action('wp_footer', 'custom_meta_script');Best regards,
MikeHi,
Sorry for the late reply, I believe that I understand now, please change your css from:#menu-item-2080 .sub-menu img { margin-bottom: -2px!important; border: solid 1px #cca752; }to:
#menu-item-2080 .sub-menu img { margin-bottom: -2px!important; } #menu-item-2080 .sub-menu a { border: solid 1px #cca752; }After applying the css, Please clear your browser cache and check.
Best regards,
MikeHi,
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 #mep_0.mejs-container { width: 100% !important; height: 100% !important; }After applying the css, Please clear your browser cache and check.
Best regards,
MikeMay 22, 2020 at 1:38 pm in reply to: Icon list animation not working in tab section when clicking on a link #1215228Hi,
The dev team has added a fix to the theme for the animation issue within the tabs, please save a copy of your current shortcodes.js file for fallback and replace with the one linked here.
The file is found at:\wp-content\themes\enfold\js\shortcodes.js
Then clear your browser cache a few times and check.Best regards,
MikeHi,
The dev team has added a fix to the theme for the animation issue within the tabs, please save a copy of your current shortcodes.js file and replace with the one linked in the Private Content area.
The file is found at:\wp-content\themes\enfold\js\shortcodes.js
Then clear your browser cache and check.Best regards,
MikeMay 22, 2020 at 1:02 pm in reply to: Show a full width secondary menu (or a sub menu) on archive category pages #1215215Hi,
I was able to target the archive product page with this function:add_action('ava_after_main_container', 'custom_submenu'); function custom_submenu() { $classes = get_body_class(); if ((in_array('woocommerce-page',$classes)) || (in_array('archive',$classes))) { echo do_shortcode("[shortcode]"); } else { } }but the full-width sub-menu still brakes the sidebar layout, is it important to you to use the sidebar on those pages?
Best regards,
MikeHi,
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:.ajax_search_response .av_ajax_search_content { text-align: left !important; }After applying the css, Please clear your browser cache and check.
Best regards,
MikeHi,
To hide the product counter and the “Add to cart” button when the product is “Available on backorder” Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:#top.single-product .single-product-summary p.stock.available-on-backorder + form.cart { display: none !important; }After applying the css, Please clear your browser cache and check.
Best regards,
MikeHi,
Hope you are feeling better, we will leave this open until we hear back from you.Best regards,
MikeHi,
Sorry for the late reply, if you want to reduce the space between columns, try changing the “margin-left”, for example, the normal “margin-left” of 1/2 columns is 6%, so changing to 1% or any other number should help:#main div .av_one_half { margin-left: 1% !important; }Best regards,
MikeHi,
Thank you, I notice that when the sidebar sticks the contact form button is out of view, so if you add this script it will allow the sidebar to scroll up a little to show the button and then becomes fixed.
Try adding this code to the end of your functions.php file in Appearance > Editor:function custom_script(){ ?> <script> (function ($) { $(window).scroll(function() { var width = $(window).width(), height = $(window).height(); var scroll = $(window).scrollTop(); var $sidebar = $( 'aside.sidebar.sidebar_right' ); if (scroll >= 30 && width >= 1024) { $sidebar.addClass( 'sticky' ); } else { $sidebar.removeClass( 'sticky' ); } }); })(jQuery); </script> <?php } add_action('wp_footer', 'custom_script');and add this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:
@media only screen and (min-width: 768px) { #main aside.sidebar.sidebar_right.alpha.units.sticky { position: fixed !important; right: 12% !important; top: 10% !important; } #top #main .sidebar.sticky { width: 27% !important; } }Then clear your browser cache and check.
Best regards,
MikeMay 21, 2020 at 1:04 pm in reply to: Layerslider plays a second time when page scrolls on mobile device #1214991Hi,
Sorry, I didn’t find any difference between the two pages settings, can we temporarily disable your plugins to see if there is a conflict?Best regards,
MikeHi,
Sorry for the late reply and thanks for the FTP access, I updated your theme but this didn’t help, I have asked the rest of the team for their thoughts, thank you for your patience.Best regards,
MikeMay 20, 2020 at 2:20 pm in reply to: Show a full width secondary menu (or a sub menu) on archive category pages #1214667Hi,
Sorry for the late reply, I have tested several woocommerce hooks to add the sub-menu shortcode which works for the product archive pages but it brakes the layout, so I’m looking into why this is and if there is another way to do this. I appreciate your patience, thank you.Best regards,
MikeHi,
Ok, seems like it should be simple but I’m missing something or the equal height javascript is doing something.
So please remove the css above and add this script, it gets the height of each text section in each row and sets them the same, thus moving the button to the same place in each cell.
Try adding this code to the end of your functions.php file in Appearance > Editor:function custom_height_script(){ ?> <script> (function($){ $(window).load(function(){ $('.flex_column_table.av-equal-height-column-flextable').each(function(){ var $columns = $('section.av_textblock_section ',this); var maxHeight = Math.max.apply(Math, $columns.map(function(){ return $(this).height(); }).get()); $columns.height(maxHeight); }); }); })(jQuery); </script> <?php } add_action('wp_footer', 'custom_height_script');Then clear your browser cache and check.
Best regards,
MikeHi,
If you want to go back to the css solution please disable the plugin so we can try again.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,
MikeMay 19, 2020 at 12:46 pm in reply to: Icon list animation not working in tab section when clicking on a link #1214316Hi,
Thanks for the link, I do see that the icons in the tab are not animating, I have submitted an issue report to the dev team about this using a similar example from a different thread.
I will report here when I hear back from them.Best regards,
MikeHi,
I’m not sure what you mean by “indipendentely of their number”
Perhaps if you linked to a test page that we can see what you want to do.Best regards,
MikeHi,
Thanks for the login, I disabled your custom function and added this one to your child theme functions.phpfunction custom_script(){ ?> <script> (function($){ $(document).ready(function(){ $("a.av-section-tab-title").each(function() { var $this = $(this); var _href = $this.attr("href"); var itemId = _href.substring(1, _href.length); $this.attr("id", itemId); }); }); })(jQuery); </script> <?php } add_action('wp_footer', 'custom_script');Now directly going to
/kundcase/#foersaekringopens the tab and scrolls to it.
Please clear your browser cache and check.Best regards,
MikeHi,
Thanks for the login, I adjusted your css to this and now it works:.category-elementary-school span.iconfont:before { content: "\e800"; font-family: yf-categories; color: #fff; position: relative; }Please clear your browser cache and check.
Best regards,
Mike -
AuthorPosts


