WP-Header switch-Point?

Hey AndreasSeydell,

It’s more of a wordpress related and not Enfold, but we’ll still try to help you with it, can you try adding this css code in Quick CSS (located in Enfold > General Styling):

@media screen and ( max-width: 1024px ) {
	/* Toolbar Touchification*/
	html #wpadminbar {
		height: 46px;
		min-width: 300px;
	}

	#wpadminbar * {
		font-size: 14px;
		font-weight: 400;
		font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
		line-height: 32px;
	}

	#wpadminbar .quicklinks > ul > li > a,
	#wpadminbar .quicklinks .ab-empty-item {
		padding: 0;
		height: 46px;
		line-height: 46px;
		width: auto;
	}

	#wpadminbar .ab-icon {
		font: 40px/1 dashicons !important;
		margin: 0;
		padding: 0;
		width: 52px;
		height: 46px;
		text-align: center;
	}

	#wpadminbar .ab-icon:before {
		text-align: center;
	}

	#wpadminbar .ab-submenu {
		padding: 0;
	}

	#wpadminbar #wp-admin-bar-site-name a.ab-item,
	#wpadminbar #wp-admin-bar-my-sites a.ab-item,
	#wpadminbar #wp-admin-bar-my-account a.ab-item {
		text-overflow: clip;
	}

	#wpadminbar .ab-label {
		display: none;
	}

	#wpadminbar .menupop li:hover > .ab-sub-wrapper,
	#wpadminbar .menupop li.hover > .ab-sub-wrapper {
		margin-top: -46px;
	}

	#wpadminbar .ab-top-menu .menupop .ab-sub-wrapper .menupop > .ab-item {
		padding-right: 30px;
	}

	#wpadminbar .menupop .menupop > .ab-item:before {
		top: 10px;
		right: 6px;
	}

	#wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper .ab-item {
		font-size: 16px;
		padding: 8px 16px;
	}

	#wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper a:empty {
		display: none;
	}

	/* WP logo */
	#wpadminbar #wp-admin-bar-wp-logo > .ab-item {
		padding: 0;
	}

	#wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon {
		padding: 0;
		width: 52px;
		height: 46px;
		text-align: center;
		vertical-align: top;
	}

	#wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon:before {
		font: 28px/1 dashicons !important;
		top: -3px;
	}

	#wpadminbar .ab-icon,
	#wpadminbar .ab-item:before {
		padding: 0;
	}

	/* My Sites and "Site Title" menu */
	#wpadminbar #wp-admin-bar-my-sites > .ab-item,
	#wpadminbar #wp-admin-bar-site-name > .ab-item,
	#wpadminbar #wp-admin-bar-customize > .ab-item,
	#wpadminbar #wp-admin-bar-edit > .ab-item,
	#wpadminbar #wp-admin-bar-my-account > .ab-item {
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		width: 52px;
		padding: 0;
		color: #a0a5aa; /* @todo not needed? this text is hidden */
		position: relative;
	}

	#wpadminbar > #wp-toolbar > #wp-admin-bar-root-default .ab-icon,
	#wpadminbar .ab-icon,
	#wpadminbar .ab-item:before {
		padding: 0;
		margin-right: 0;
	}

	#wpadminbar #wp-admin-bar-edit > .ab-item:before,
	#wpadminbar #wp-admin-bar-my-sites > .ab-item:before,
	#wpadminbar #wp-admin-bar-site-name > .ab-item:before,
	#wpadminbar #wp-admin-bar-customize > .ab-item:before,
	#wpadminbar #wp-admin-bar-my-account > .ab-item:before {
		display: block;
		text-indent: 0;
		font: normal 32px/1 dashicons;
		speak: none;
		top: 7px;
		width: 52px;
		text-align: center;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}

	#wpadminbar #wp-admin-bar-appearance {
		margin-top: 0;
	}

	#wpadminbar .quicklinks li .blavatar:before {
		display: none;
	}

	/* Search */
	#wpadminbar #wp-admin-bar-search {
		display: none;
	}

	/* New Content */
	#wpadminbar #wp-admin-bar-new-content .ab-icon:before {
		top: 0;
		line-height: 53px;
		height: 46px !important;
		text-align: center;
		width: 52px;
		display: block;
	}

	/* Updates */
	#wpadminbar #wp-admin-bar-updates {
		text-align: center;
	}

	#wpadminbar #wp-admin-bar-updates .ab-icon:before {
		top: 3px;
	}

	/* Comments */
	#wpadminbar #wp-admin-bar-comments .ab-icon {
		margin: 0;
	}

	#wpadminbar #wp-admin-bar-comments .ab-icon:before {
		display: block;
		font-size: 34px;
		height: 46px;
		line-height: 47px;
		top: 0;
	}

	/* My Account */
	#wpadminbar #wp-admin-bar-my-account > a {
		position: relative;
		white-space: nowrap;
		text-indent: 150%; /* More than 100% indention is needed since this element has padding */
		width: 28px;
		padding: 0 10px;
		overflow: hidden; /* Prevent link text from forcing horizontal scrolling on mobile */
	}

	#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
		position: absolute;
		top: 13px;
		right: 10px;
		width: 26px;
		height: 26px;
	}

	#wpadminbar #wp-admin-bar-user-actions.ab-submenu {
		padding: 0;
	}

	#wpadminbar #wp-admin-bar-user-actions.ab-submenu img.avatar {
		display: none;
	}

	#wpadminbar #wp-admin-bar-my-account.with-avatar #wp-admin-bar-user-actions > li {
		margin: 0;
	}

	#wpadminbar #wp-admin-bar-user-info .display-name {
		height: auto;
		font-size: 16px;
		line-height: 24px;
		color: #eee;
	}

	#wpadminbar #wp-admin-bar-user-info a {
		padding-top: 4px;
	}

	#wpadminbar #wp-admin-bar-user-info .username {
		line-height: 0.8 !important;
		margin-bottom: -2px;
	}

	/* Show only default top level items */
	#wp-toolbar > ul > li {
		display: none;
	}

	#wpadminbar li#wp-admin-bar-menu-toggle,
	#wpadminbar li#wp-admin-bar-wp-logo,
	#wpadminbar li#wp-admin-bar-my-sites,
	#wpadminbar li#wp-admin-bar-updates,
	#wpadminbar li#wp-admin-bar-site-name,
	#wpadminbar li#wp-admin-bar-customize,
	#wpadminbar li#wp-admin-bar-new-content,
	#wpadminbar li#wp-admin-bar-edit,
	#wpadminbar li#wp-admin-bar-comments,
	#wpadminbar li#wp-admin-bar-my-account {
		display: block;
	}

	/* Allow dropdown list items to appear normally */
	#wpadminbar li:hover ul li,
	#wpadminbar li.hover ul li,
	#wpadminbar li:hover ul li:hover ul li {
		display: list-item;
	}

	/* Override default min-width so dropdown lists aren't stretched
		to 100% viewport width at responsive sizes. */
	#wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper {
		min-width: -webkit-fit-content;
		min-width: -moz-fit-content;
		min-width: fit-content;
	}

	#wpadminbar ul#wp-admin-bar-root-default > li {
		margin-right: 0;
	}

	/* Experimental fix for touch toolbar dropdown positioning */
	#wpadminbar .ab-top-menu,
	#wpadminbar .ab-top-secondary,
	#wpadminbar #wp-admin-bar-wp-logo,
	#wpadminbar #wp-admin-bar-my-sites,
	#wpadminbar #wp-admin-bar-site-name,
	#wpadminbar #wp-admin-bar-updates,
	#wpadminbar #wp-admin-bar-comments,
	#wpadminbar #wp-admin-bar-new-content,
	#wpadminbar #wp-admin-bar-edit,
	#wpadminbar #wp-admin-bar-my-account {
		position: static;
	}

	#wpadminbar #wp-admin-bar-my-account {
		float: right;
	}

	.network-admin #wpadminbar ul#wp-admin-bar-top-secondary > li#wp-admin-bar-my-account {
		margin-right: 0;
	}

	/* Realign arrows on taller responsive submenus */

	#wpadminbar .ab-top-secondary .menupop .menupop > .ab-item:before {
		top: 10px;
		left: 0;
	}
}

Hope this helps :)

Best regards,
Nikko

Hi,

Can you tell us what screen size you are using? also since that is how wp-admin bar looks on your end with the code, please post us your login credentials (in the “private data” field), so we can take a look at your backend.

1. Install and activate ” Temporary Login Without Password “.
2. Go to ” Users > Temporary Logins ” on the left-side menu.
3. Click ” Create New “.
4. Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
   ( do be sure that we have enough time to debug ).
5. Click ” Submit “.
6. You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.

When your issue is fixed, you can always remove the plugin!
If you prefer to not use the plugin, you can manually create a admin user and post the login credentials in the “private data” field.

Best regards,
Nikko

Hi,

Thanks for providing the access, I see this code:

>

is replaced with (without the spaces):

& g t ;

I have modified the code also in Quick CSS and placed it above media queries:

/* Toolbar Touchification*/
html #wpadminbar {
	height: 46px;
	min-width: 300px;
}

#wpadminbar * {
	font-size: 14px;
	font-weight: 400;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	line-height: 32px;
}

#wpadminbar .quicklinks > ul > li > a,
#wpadminbar .quicklinks .ab-empty-item {
	padding: 0;
	height: 46px;
	line-height: 46px;
	width: auto;
}

#wpadminbar .ab-icon {
	font: 40px/1 dashicons !important;
	margin: 0;
	padding: 0;
	width: 52px;
	height: 46px;
	text-align: center;
}

#wpadminbar .ab-icon:before {
	text-align: center;
}

#wpadminbar .ab-submenu {
	padding: 0;
}

#wpadminbar #wp-admin-bar-site-name a.ab-item,
#wpadminbar #wp-admin-bar-my-sites a.ab-item,
#wpadminbar #wp-admin-bar-my-account a.ab-item {
	text-overflow: clip;
}

#wpadminbar .ab-label {
	display: none;
}

#wpadminbar .menupop li:hover > .ab-sub-wrapper,
#wpadminbar .menupop li.hover > .ab-sub-wrapper {
	margin-top: -46px;
}

#wpadminbar .ab-top-menu .menupop .ab-sub-wrapper .menupop > .ab-item {
	padding-right: 30px;
}

#wpadminbar .menupop .menupop > .ab-item:before {
	top: 10px;
	right: 6px;
}

#wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper .ab-item {
	font-size: 16px;
	padding: 8px 16px;
}

#wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper a:empty {
	display: none;
}

/* WP logo */
#wpadminbar #wp-admin-bar-wp-logo > .ab-item {
	padding: 0;
}

#wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon {
	padding: 0;
	width: 52px;
	height: 46px;
	text-align: center;
	vertical-align: top;
}

#wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon:before {
	font: 28px/1 dashicons !important;
	top: -3px;
}

#wpadminbar .ab-icon,
#wpadminbar .ab-item:before {
	padding: 0;
}

/* My Sites and "Site Title" menu */
#wpadminbar #wp-admin-bar-my-sites > .ab-item,
#wpadminbar #wp-admin-bar-site-name > .ab-item,
#wpadminbar #wp-admin-bar-customize > .ab-item,
#wpadminbar #wp-admin-bar-edit > .ab-item,
#wpadminbar #wp-admin-bar-my-account > .ab-item,
#wpadminbar #wp-admin-bar-gdbb-toolbar > .ab-item,
#wpadminbar #wp-admin-bar-tribe-events > .ab-item font,
#wpadminbar #wp-admin-bar-new_draft > .ab-item {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width: 52px;
	padding: 0;
	color: #a0a5aa; /* @todo not needed? this text is hidden */
	position: relative;
}

#wpadminbar #wp-admin-bar-tribe-events > .ab-item font {
	display: none;
}

#wpadminbar #wp-admin-bar-tribe-events > .ab-item .ab-icon:before {
    top: 10px;
}

#wpadminbar > #wp-toolbar > #wp-admin-bar-root-default .ab-icon,
#wpadminbar .ab-icon,
#wpadminbar .ab-item:before {
	padding: 0;
	margin-right: 0;
}

#wpadminbar #wp-admin-bar-edit > .ab-item:before,
#wpadminbar #wp-admin-bar-my-sites > .ab-item:before,
#wpadminbar #wp-admin-bar-site-name > .ab-item:before,
#wpadminbar #wp-admin-bar-customize > .ab-item:before,
#wpadminbar #wp-admin-bar-my-account > .ab-item:before,
#wpadminbar #wp-admin-bar-gdbb-toolbar > .ab-item:before,
#wpadminbar #wp-admin-bar-tribe-events > .ab-item:before,
#wpadminbar #wp-admin-bar-new_draft > .ab-item:before {
	display: block;
	text-indent: 0;
	font: normal 32px/1 dashicons;
	speak: none;
	top: 7px;
	width: 52px;
	text-align: center;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#wpadminbar #wp-admin-bar-appearance {
	margin-top: 0;
}

#wpadminbar .quicklinks li .blavatar:before {
	display: none;
}

/* Search */
#wpadminbar #wp-admin-bar-search {
	display: none;
}

/* New Content */
#wpadminbar #wp-admin-bar-new-content .ab-icon:before {
	top: 0;
	line-height: 53px;
	height: 46px !important;
	text-align: center;
	width: 52px;
	display: block;
}

/* Updates */
#wpadminbar #wp-admin-bar-updates {
	text-align: center;
}

#wpadminbar #wp-admin-bar-updates .ab-icon:before {
	top: 3px;
}

/* Comments */
#wpadminbar #wp-admin-bar-comments .ab-icon {
	margin: 0;
}

#wpadminbar #wp-admin-bar-comments .ab-icon:before {
	display: block;
	font-size: 34px;
	height: 46px;
	line-height: 47px;
	top: 0;
}

/* My Account */
#wpadminbar #wp-admin-bar-my-account > a {
	position: relative;
	white-space: nowrap;
	text-indent: 150%; /* More than 100% indention is needed since this element has padding */
	width: 28px;
	padding: 0 10px;
	overflow: hidden; /* Prevent link text from forcing horizontal scrolling on mobile */
}

#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
	position: absolute;
	top: 13px;
	right: 10px;
	width: 26px;
	height: 26px;
}

#wpadminbar #wp-admin-bar-user-actions.ab-submenu {
	padding: 0;
}

#wpadminbar #wp-admin-bar-user-actions.ab-submenu img.avatar {
	display: none;
}

#wpadminbar #wp-admin-bar-my-account.with-avatar #wp-admin-bar-user-actions > li {
	margin: 0;
}

#wpadminbar #wp-admin-bar-user-info .display-name {
	height: auto;
	font-size: 16px;
	line-height: 24px;
	color: #eee;
}

#wpadminbar #wp-admin-bar-user-info a {
	padding-top: 4px;
}

#wpadminbar #wp-admin-bar-user-info .username {
	line-height: 0.8 !important;
	margin-bottom: -2px;
}

/* Show only default top level items */
#wp-toolbar > ul > li {
	display: none;
}

#wpadminbar li#wp-admin-bar-menu-toggle,
#wpadminbar li#wp-admin-bar-wp-logo,
#wpadminbar li#wp-admin-bar-my-sites,
#wpadminbar li#wp-admin-bar-updates,
#wpadminbar li#wp-admin-bar-site-name,
#wpadminbar li#wp-admin-bar-customize,
#wpadminbar li#wp-admin-bar-new-content,
#wpadminbar li#wp-admin-bar-edit,
#wpadminbar li#wp-admin-bar-comments,
#wpadminbar li#wp-admin-bar-gdbb-toolbar,
#wpadminbar li#wp-admin-bar-stats,
#wpadminbar li#wp-admin-bar-delete-cache,
#wpadminbar li#wp-admin-bar-tribe-events,
#wpadminbar li#wp-admin-bar-new_draft {
	display: block;
}

/* Allow dropdown list items to appear normally */
#wpadminbar li:hover ul li,
#wpadminbar li.hover ul li,
#wpadminbar li:hover ul li:hover ul li {
	display: list-item;
}

/* Override default min-width so dropdown lists aren't stretched
	to 100% viewport width at responsive sizes. */
#wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper {
	min-width: -webkit-fit-content;
	min-width: -moz-fit-content;
	min-width: fit-content;
}

#wpadminbar ul#wp-admin-bar-root-default > li {
	margin-right: 0;
}

/* Experimental fix for touch toolbar dropdown positioning */
#wpadminbar .ab-top-menu,
#wpadminbar .ab-top-secondary,
#wpadminbar #wp-admin-bar-wp-logo,
#wpadminbar #wp-admin-bar-my-sites,
#wpadminbar #wp-admin-bar-site-name,
#wpadminbar #wp-admin-bar-updates,
#wpadminbar #wp-admin-bar-comments,
#wpadminbar #wp-admin-bar-new-content,
#wpadminbar #wp-admin-bar-edit,
#wpadminbar #wp-admin-bar-my-account,
#wpadminbar #wp-admin-bar-gdbb-toolbar,
#wpadminbar #wp-admin-bar-tribe-events,
#wpadminbar #wp-admin-bar-new_draft {
	position: static;
}

#wpadminbar #wp-admin-bar-my-account {
	float: right;
}

.network-admin #wpadminbar ul#wp-admin-bar-top-secondary > li#wp-admin-bar-my-account {
	margin-right: 0;
}

/* Realign arrows on taller responsive submenus */

#wpadminbar .ab-top-secondary .menupop .menupop > .ab-item:before {
	top: 10px;
	left: 0;
}

Hope it’s good, let us know if you need further assistance :)

Best regards,
Nikko