Center menu container

You can add a margin to the menu container to center the menu – use following css code and change the value based on your requirements.:

.main_menu {

right: 100px;

}

You can also use media queries to set different margins ffor different screen resolutions:

@media only screen and (max-width: 767px) {

.main_menu {

right: 10px;

}

}



@media only screen and (min-width: 768px) and (max-width: 1024px) {

.main_menu {

right: 50px;

}

}