Search icon in top part of mobile version

Using savoy theme

Hi @fcujorick2
Try this CSS snippet:

.nm-right-menu ul li.nm-menu-search.menu-item {
	display: block !important;
	position: absolute;
	right: 40px;
}
@media(max-width: 768px) {
	.nm-right-menu ul li.nm-menu-search.menu-item {
		right: 30px;
	}
}

Paste it into Appearance -> Customize -> Additional CSS. If you aren’t familiar with custom CSS, take a look at this video.

Regards,
Kris

Hi Kris,

It worked, great!

We we’re looking for the function on the mobile version of our site, that looks amazing now, thank you!

For the desktop it has to be the same as it was, no changes. Can you do fix that for us?
Now on desktop it’s at the top right in stead of next to the cart.

@fcujorick2

Please change this code:

.nm-right-menu ul li.nm-menu-search.menu-item {
	display: block;
	position: absolute;
	right: 40px;
}

into this:

@media(max-width: 992px) {
	.nm-right-menu ul li.nm-menu-search.menu-item {
		display: block;
		position: absolute;
		right: 40px;
	}
}

Regards,
Kris

You’re the best Kris, thank you!