It works, but it is not an effect that pleases me.

I would like the list of main categories and subcategories to be active after clicking.

https://ibb.co/pvzxC4c

Hello,
I would count on support and help in implementing the drop-down menu after clicking on the sidebar. Alternatively, implement this option in the template core. Because this is the basic solution that should be able to enable every user using your template.

I would like to add image background overlay for row grid. As in the example of the first column.

It looks ok. However, the name next to the icon should also be a link, redirecting the user to the subpage. It is not clickable at this time.

I stopped working with this code. It displayed for a moment but was not clickable. now it doesn’t display at all.

• This reply was modified 4 years, 7 months ago by creativeopole.

Attached to the website. Also access to FTP and child template.

I have added a sent solution but nothing appears.

I added the following line to the code, but still on the mobile device after selecting the appropriate link in the menu does not disappear the menu. However, you can see that the sections normally switch under the layer.

add_action( 'wp_footer', 'ava_custom_script_tab_section' );
function ava_custom_script_tab_section() {
?>
<script type="text/javascript">
(function($) {
	function scrollToTab(s, e,) {
		$(s).on(e, function(event) {
			var anchor, loc, cur, hash, tab, parent, pos;

			if( e == 'load' ) {
				loc  = window.location.hash;
				hash = loc;
			} else {
				loc = $(this).attr('href');
				hash = loc.substring(loc.indexOf('#'));
			}
	
			tab = $('.av-section-tab-title[href='+ hash +']');
			parent = tab.parents('.av-tab-section-outer-container');
			pos = parent.offset();

			tab.trigger('click');
			
			if(hash) {
				setTimeout( function() {
					$(window).scrollTop( pos.top - 100 )
				}, 1000 );
			}
		});
	}
	scrollToTab( '.menu-item a', 'click' );
	scrollToTab( '.av-active-burger-items a', 'click' );
	scrollToTab( window, 'load' );
})(jQuery);
</script>
<?php
}

In a private message, the website address.

There is a link in the private section. I think it was possible to hide pictures on the product page. However, I can’t find a woocommerce hook to hide pictures on the store page and category.

So I did. I used a solution from the flaticon library. However, it does not work and the icons do not display.

#menu-item-133 > a::before {
  content: "\uf196";
  font-family: flaticon;
  padding-right:5px
}

I noticed that other fontello fonts do not work either. It works only from the example from the forum, others are not displayed.

The problem concerns tabs in the store, on the product page. I would like to delete the H2 headers that are copied from the tabname.

How to remove border radius only for the full width button. So as not to remove in the other buttons.

I am interested in solving the problem in the contact form that Enfold gives you. After all, this is a problem on the part of the creators of Enfold, which needs to be resolved.

Another plugin is not an option. I want to solve the problem of the Enfold contact form.

The contact form and GDPR are the default module of the Enfold template.