Hi there,
Please check http://www.musketiermusic.com
I´ve added to custom css (found in older post here) to “center” the menu in the header.
.main_menu {
left: 0 !important;
right: 0 !important;
margin: 0 auto;
width: 550px;
}
with about 1200px wide dipslay the logo will be “overlayed” by menu items. any idea to format that in a better way?
THX for your support
Hi!
Try using this code instead:
@media only screen and (min-width: 1200px) {
.main_menu {
left: 0 !important;
right: 0 !important;
margin: 0 auto;
width: 550px;
position: absolute;
}
}
That will apply the code only in 1200px+ width screen sizes.
Regards,
Josue