Home Forums ArileWP Pro standard menu to hamburger Reply To: standard menu to hamburger


Hi Jan Petrus

Ok please add the below CSS code in the Additional CSS box to display like the above screenshot.

Please go to the Appearance => Customize => Additional CSS then paste the CSS here and click to Publish button.

@media (min-width: 992px) and (max-width: 1024px) {
.navbar .row.align-self-center .align-self-center {
display: inline-block;
float: left;
width: 30%;
.navbar-light .navbar-brand img {
width: 200px;
height: auto;
.navbar-expand-lg .navbar-collapse {
width: 70%;
.navbar .nav {
margin-bottom: 1.438rem;
margin-top: 1.438rem;
float: right;
width: 100%;

Let us know if it works.