JSFiddle - React, Tailwind, and code Playground

by Daniil Khanin

HTML

<div class='header'>
		<div class='logo'>
					<a href='#'>Мобильные бани</a>
					<a href='#' class='menuButton'></a>
					
					</div>
					<ul class='menu'>
					<li><a href='#' id='SCROLL_LINK'>Комплектация</a></li>
					<li><a href='#'>Доставка</a></li>
					<li><a href='#'>Фотогаллерея</a></li>
					<li><a href='#'>Информация</a></li>
					<li><a href='#'>Отзывы</a></li>
					<li><a href='#'>Контакты</a></li>
					<li style='margin-right:0px;border:none!important;'>+79105374540</li>
					<li style='clear:both;float:none;border:none!important;'></li>
				</ul>
</div>
<div class='wrapper'></div>

CSS

.wrapper{
    
    
    height:600px;
}
.menuButton{
position: absolute!important;
width: 30px!important;
margin-right: 10px!important;
height: 30px;
border: 1px solid orange;
right: 0!important;
top: 10px!important;

}

.header{
    
 position:fixed;
    top:0;
    width:100%;
}
.logo{
 position:relative; 
    text-align:center;
}
.wrapper{
 height:1000px;   
}

JavaScript

$('.menu').hide();
$('.menuButton').click(function(){

$('.menu').slideToggle('slow');    
    
    
});