Hallo, leider wird ist das Burgermenu zwischen 1100px und 990px anders dargestellt.

Den Code habe ich im Quick CSS stehen:
@media only screen and (min-width: 990px) and (max-width: 1080px) {
#top #header_main_alternate {
display: none;
}
.html_header_top.html_header_sticky #top #wrap_all #main {
padding-top: 140px !important;
}
.html_header_top .av_bottom_nav_header .av-logo-container .main_menu, .av-burger-menu-main {
display: block;
min-width: 80px;
}
#top #header .av-main-nav > li > a {
background-color: #fff;
}

}

@media only screen and (max-width: 1080px) { #top #header .av-main-nav > li > a {
background-color: transparent;
}
}

td { font-size: 15px; }
.template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2 { text-transform: none; }

.av-catalogue-title {
padding-right: 60px;
text-transform: none; }

div .slideshow_caption h2 {
text-transform: none; }

.av_minimal_header_shadow {
box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.25);
}

#ui-datepicker-div.fc-datepicker .ui-datepicker-header { height: 36px; background: #719430; color: #ffffff; border-color: #63822a; }

.pauschalenspalteschatten {
box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.3);
border: -5px solid #ffffff;
background-color: #FFFFFF !important;
padding: 12px !important;
margin-bottom: 16px;
}

.avia-image-container small.avia-copyright {
font-size: 10px;
text-align: right;
}

.buttonizer.buttonizer-desktop-has-1 .buttonizer-button.button-desktop-1
{
width: 80px;
height: 80px;
}

#scroll-top-link {display: none; }

View post on imgur.com

• This reply was modified 5 years, 8 months ago by faserschmeichler.

### wp-core ###

version: 5.4.2
site_language: en_US
user_language: en_US
timezone: Europe/London
permalink: /%year%/%monthnum%/%postname%/
https_status: true
user_registration: 0
default_comment_status: closed
multisite: false
user_count: 2
dotorg_communication: true

### wp-paths-sizes ###

wordpress_path: /homepages/43/d97354903/htdocs/www.BlackBeltAcademy.info/wp
wordpress_size: loading…
uploads_path: /homepages/43/d97354903/htdocs/www.BlackBeltAcademy.info/wp/wp-content/uploads
uploads_size: loading…
themes_path: /homepages/43/d97354903/htdocs/www.BlackBeltAcademy.info/wp/wp-content/themes
themes_size: loading…
plugins_path: /homepages/43/d97354903/htdocs/www.BlackBeltAcademy.info/wp/wp-content/plugins
plugins_size: loading…
database_size: loading…
total_size: loading…

### wp-active-theme ###

name: Enfold (Ilyo) (enfold-child)
version: 0.1.0
author: Richard Olpin
author_website: http://www.richardolpinphotography.co.uk
parent_theme: Enfold (enfold)
theme_features: avia_exclude_bbPress, deactivate_tribe_events_calendar, avia_exclude_GFForms, avia_exclude_menu_exchange, avia_exclude_relevanssi, avia_exclude_WooCommerce, avia_exclude_wpSEO, avia_exclude_wpml, avia_exclude_instagram_feed, avia_mega_menu, avia_improved_backend_style, avia_option_pages_toggles, avia_sidebar_manager, automatic-feed-links, nav_menus, menus, widgets, post-formats, avia-disable-default-shortcodes, avia_post_meta_compat, force-post-thumbnails-in-widget, post-thumbnails, title-tag, editor-styles, editor-style, customize-selective-refresh-widgets, responsive-embeds, editor-color-palette, editor-font-sizes, avia_no_session_support
theme_path: /homepages/43/d97354903/htdocs/www.BlackBeltAcademy.info/wp/wp-content/themes/enfold-child

### wp-parent-theme ###

name: Enfold (enfold)
version: 4.7.6
author: Kriesi
author_website: https://kriesi.at
theme_path: /homepages/43/d97354903/htdocs/www.BlackBeltAcademy.info/wp/wp-content/themes/enfold

### wp-plugins-active (6) ###

Akismet Anti-Spam: version: 4.1.6, author: Automattic
Classic Editor: version: 1.5, author: WordPress Contributors
Contact Form 7: version: 5.2, author: Takayuki Miyoshi
EventON: version: 2.6, author: AshanJay
Hide YouTube Related Videos: version: 1.4.2, author: SparkWeb Interactive, Inc.
Honeypot for Contact Form 7: version: 1.14.1, author: Nocean

### wp-plugins-inactive (7) ###

All In One SEO Pack Pro: version: 3.6.2, author: All in One SEO Team
iQ Block Country: version: 1.2.9, author: Pascal
Optimus: version: 1.6.0, author: KeyCDN
Simple Revisions Delete by bweb: version: 1.5, author: Brice CAPOBIANCO
WP-Optimize – Clean, Compress, Cache: version: 3.1.2, author: David Anderson, Ruhani Rabin, Team Updraft
WP Google Fonts: version: v3.1.4, author: Noah Kagan
WP Super Cache: version: 1.7.1, author: Automattic

### wp-media ###

image_editor: WP_Image_Editor_GD
imagick_module_version: Not available
imagemagick_version: Not available
gd_version: 2.2.5
ghostscript_version: not available

### wp-server ###

server_architecture: Linux 4.4.223-icpu-044 x86_64
httpd_software: Apache
php_version: 7.4.8 64bit
php_sapi: cgi-fcgi
max_input_variables: 1000
time_limit: 30
memory_limit: 256M
max_input_time: -1
upload_max_size: 2M
php_post_max_size: 8M
curl_version: 7.64.0 OpenSSL/1.1.1d
suhosin: false
imagick_availability: false

### wp-database ###

extension: mysqli
server_version: 5.7.30-log
client_version: mysqlnd 7.4.8

### wp-constants ###

WP_HOME: undefined
WP_SITEURL: undefined
WP_CONTENT_DIR: /homepages/43/d97354903/htdocs/www.BlackBeltAcademy.info/wp/wp-content
WP_PLUGIN_DIR: /homepages/43/d97354903/htdocs/www.BlackBeltAcademy.info/wp/wp-content/plugins
WP_MAX_MEMORY_LIMIT: 256M
WP_DEBUG: false
WP_DEBUG_DISPLAY: true
WP_DEBUG_LOG: false
SCRIPT_DEBUG: false
WP_CACHE: false
CONCATENATE_SCRIPTS: undefined
COMPRESS_SCRIPTS: undefined
COMPRESS_CSS: undefined
WP_LOCAL_DEV: undefined
DB_CHARSET: utf8
DB_COLLATE: undefined

### wp-filesystem ###

wordpress: writable
wp-content: writable
uploads: writable
plugins: writable
themes: writable

`

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 ;-)

Thanks a lot Nikko! Works great!

I just tweak a little the design of the arrows, in case it helps anyone else:

.av-tab-section-outer-container:after, .av-tab-section-outer-container:before {
    font-family: 'entypo-fontello';
    font-size: 50px;
    position: absolute;
    top: 30px;
    z-index: 1000;
    padding: 30px 15px 30px 15px;
    background: #96ccbe;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    color: white!important;
    pointer-events:none;
}
.av-tab-section-outer-container:after {
    content: '\e879';
    right: 0px;
  }
.av-tab-section-outer-container:before {
    content: '\e878';
    left: 0px;
}
.av-tab-section-outer-container.av-start:before, .av-tab-section-outer-container.av-end:after {
    opacity: 0;
    visibility: hidden;
}

Have a nice day!

Hi Rikard,

I don’t want to create a new layer or slider because of a SEO need. In fact, even if the h1 mobile slider (or h1 mobile layer) is hidden, when Google crawls my site, it discover two h1. In the source code it shows the 2 sliders… (or layers). You know what I mean ? :)

For anybody who wants to have only one h1 crawled, it seems that I’ve find a solution by playing with CSS and margin. In order to move my h1 header only on smartphone, I’ve named my layer h1conf (for exemple) in the “link and attribute”. Then, in quick CSS of Enfold, I’ve added :

@media only screen and (max-width: 767px) {
.h1conf {
margin-left: -95px !important;
font-size: 42px !important;
}}

(I’ve taken the opportunity to enlarge my font-size :))

Franck