Я пытаюсь поместить марку в гладкую навигацию и расположить ее по центру к div по вертикали.
$('#menu').slicknav({
init: function() {
$('.mobile_currency').detach().appendTo($('.slicknav_nav'));
},
prependTo: '#mobile_nav',
brand: '<div style="background-color: #efefef; width: 60%; height: 55px; float: right;"><img style="width: 100px; float: right; " src="https://cdn.shopify.com/s/files/1/0519/6401/t/23/assets/cl.logo.jpg?v=1588268959"></div>',
label: '<div aria-haspopup="true" role="navigation" aria-label="'+ Shopify.translation.menu +'"><span class="icon-menu"></span> '+ Shopify.translation.menu +'</div>',
closedSymbol: '<span class="icon-right-arrow menu-icon" aria-haspopup="true" aria-expanded="false"></span>',
openedSymbol: '<span class="icon-down-arrow menu-icon" aria-haspopup="true" aria-expanded="true"></span>',
allowParentLinks: true,
nestedParentLinks: false,
});
Соответствующая часть будет такой:
brand: '<div style="background-color: #efefef; width: 60%; height: 55px; float: right;"><img style="width: 100px; float: right; " src="https://placeholder.com/wp-content/uploads/2018/10/placeholder.com-logo1.jpg"></div>',
Изображение появляется справа от серой области div. Как я могу получить его по центру по вертикали?
