Text and image thumbnail in same menu

[acmpl]

Hello!

I've been trying to use text and image thumbnails in the same menu for my website. I finally created two text menus and used the site title as the image thumbnail I wanted in the middle, but it's not the best option because is doesn't looks good on all screen sizes (the different thumbnails sometimes overlap)
I there a better way to do it?
Thanks in advance!

https://grandhers.com

[arminunruh]

I see, try this css, this will make the space between menu points percentage based.
So the space between them will get smaller when you resize the window so it wont overlap.

you might want to adjust 10vw to a lower value.

nav.primary li{
margin-right: 10vw;
}
nav.primary li:last-child{
margin-right: 0;
}

nav.second_menu li{
margin-right: 10vw;
}
nav.second_menu li:last-child{
margin-right: 0;
}