Everything is ok for me now.
This topic can be closed.
Thanks again ;-)

Oh, really? :-(
Ok

Hi Rikard,
Thanks for your reply.
On Screenshot 1, my “NOS UNIVERS” dropdown menu as it used to be without the code above.
On Screenshot 2, my dropdown menu with the code above.
So what I’m looking for is what do I need to add to my code to apply it to my menu only, not on my “NOS UNIVERS” dropdown menu.

Hi Yigit,

No, this is not related to errors in my style.css file.
I only move it from its original place using this code:

#header .widget {
	position: absolute!important;
	left: 89%!important;
	top: 14%!important;
}

but this is absolutely not a solution. The icon is never at the same place. It depends on screen size.

What I need is adding an icon which really belongs to my menu, next to my cart.

In this thread https://kriesi.at/support/topic/my-account-icon/ I found this code which seems to add an icon before main menu:

// add account icon
add_action('ava_after_main_menu', function() {
	echo '<a class="mobile-account" href="#"><span class="av_font_icon avia_animate_when_visible av-icon-style-  av-no-color avia-icon-pos-left  avia_start_animation avia_start_delayed_animation" style=""><span class="av-icon-char" style="font-size:40px;line-height:40px;" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span></span></a>';	
});

or this code which seems to add an icon after secondary menu:

// add account icon
add_action('avia_meta_header', function() {
	echo '<a class="mobile-account" href="#"><span class="av_font_icon avia_animate_when_visible av-icon-style-  av-no-color avia-icon-pos-left  avia_start_animation avia_start_delayed_animation" style=""><span class="av-icon-char" style="font-size:40px;line-height:40px;" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span></span></a>';	
});

but which function could add an icon before cart icon in the logo area?

I also found this code in this thread https://kriesi.at/support/topic/extra-icon-next-to-shopping-cart-icon/:

add_action( 'init', 'avia_woocommerce_cart_placement', 10);
function avia_woocommerce_cart_placement()
{
	$position 	= avia_get_option('header_position',  'header_top') == "header_top" ? "ava_main_header" : "ava_inside_main_menu";
	if(avia_get_option('cart_icon') == "always_display_menu")
	{
		$position = "ava_inside_main_menu";
		if( strpos( avia_get_option('header_layout'), 'bottom_nav_header') !== false && avia_get_option('header_position') == 'header_top')
		{
			$position = "ava_before_bottom_main_menu";
		}
	}

	add_action( $position, 'avia_woocommerce_cart_dropdown', 10);
	add_action( $position, 'avia_woocommerce_quote_dropdown', 10);
}

function avia_woocommerce_quote_dropdown()
{
	global $woocommerce, $avia_config;
	$output = "Something here";
	echo $output;
}

It seems to add element in the logo area, but it also deals with quote dropdown and so on, and I don’t need all this stuff…

Which function is the good one to simply add an icon to the shopping cart area?

Thanks ;-)

Hi Yigit,

I changed the end of your code with
top: -3px;
and it works like a charm. Thanks you very much!

About errors in my style.css file, could you tell me which ones they were? :-(
Because it maybe solved some issues I had on my website…

Also about this, in the last hours, I noticed some changes in this file:
Indeed I’m used to add some /*CSS titles*/ to identify pieces of code, but I’m also used to write them in French… And all “à”, “é”, “ô” (and so on) had been replaced by special characters.
Is it possible it happened when you corrected my file?

Hi Ismael,

I’m not a developer, so I must confess you start talking chinese to me there :-D
I didn’t configure the Apache server because I don’t even know what an Apache server is.
The site is not online yet, so if you need to disable some plugins, you can do it. I only hope all plugins settings will be kept…

I worry a lot about all this, because we wanted to put our site online this week, and there are more and more problems those days :-(
Today, we found error messages in Products section of the back office (see screenshot in private content).
I found a post about this on your support: https://kriesi.at/support/topic/enfold-and-woocommerce-erors/.
I don’t really want to disable the DEBUG mode, because the issue will not really be solved. So I tried to clean my database a little bit, but errors are still displayed. I don’t know how to find this “butterbean” mentioned in this thread…

Hi Ismael,
For information, I tried to completely delete functions.php and style.css from my child theme, but it still doesn’t work…

Hi Mike,
Thanks for your reply.
I checked my browser and the result is not exactly what I wanted :-(
The behavior is very strange on tablets. My main menu goes down or moves alone…
On mobiles, this is not very beautiful. When scrolling a few pixels down only, menu goes up, so there is white space between my main menu and my slider.
I added a video in private content.
In fact when I opened this thread, I thought there would be an easy way to do this. Indeed, this behavior is included in your theme and works perfectly on desktop. Isn’t there an easy way to apply the same code and get EXACTLY the same result and behavior on tablets and mobiles, using your theme content?

Hi Victoria,
Everything is ok for me now.
The topic can be closed.
Thanks a lot! ;-)

Hi Yigit,
Thanks for your reply.
No, I didn’t change my mind :-)
In fact, this is a mystery… The code is in the style.css file (line 690) in my enfold-child folder and icons are displayed on my computer, as you can see on the previous screenshot. But they are not displayed on my phone or on another computer (and so not on yours too) and I really don’t understand why…

Hi Rikard,
Thanks for your reply.
This code moves my shopping cart a little bit to the right and it seems to be clickable now.
But the logo area is still too big and not only on the logo.
I mean, on the left of the logo it’s ok, but on its right, it could be clicked very far from the logo.
To be clear, I made a short video in private content to explain.
What do I need to do to adapt and reduce “logo clickable zone” only on the logo?
Thanks a lot!

Hi Ismael,
I understand this and I do not want to use both WooCommerce and the theme’s default search.
Now my custom searchform.php file is not anymore in my enfold-child folder, so I think searchform.php from the theme’s folder must be the reference now and search must work correctly, but it doesn’t.
Furthermore, with adding my custom searchform.php file, search used to work perfectly before. I don’t know why it doesn’t work anymore now…

Hi Mike,
Thanks for your reply.
Maybe you could help me with something else:
I enabled the third option in Enfold theme options > Header > Header Behaviour to make secondary menu disappear when scrolling down.
It works on desktop, but not on tablet and mobile.
What do I need to do to achieve this?
Thanks a lot!

Hi Mike,
Thanks for your reply!
Header height seems to be always the same on mobiles (142px) and tablets (122px).
So I modified your code to this one and it seems to work well on all screen sizes:

@media only screen and (max-width: 767px) {
.responsive #top #main {
    padding-top: 142px!important;
}
}
@media only screen and (min-width: 768px) and (max-width: 989px) {
.responsive #top #main {
    padding-top: 122px!important;
}
}

Do you see any restriction to this code? Could it be ok?