Please you can try this CSS, regarding menu width you can adjust the value in .sidr
.sidr{
width: 200px !important;
}
.custom-logo-link{
max-width: 100% !important;
left: auto !important;
float: none !important;
}
@media only screen and (max-width: 1023px){
.custom-logo-link img {
max-width: 50% !important;
left: auto !important;
}
}
@media (max-width: 480px){
.custom-logo-link {
left: auto !important;
}
}
@media only screen and (max-width: 767px){
.site-branding {
text-align: center !important;
}
}
@media screen and (min-width: 1024px) {
.container{
max-width: 1300px;
width: 100%;
}
#main-nav{
float: none;
}
.container #primary-menu{
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
width: 100%;
left: 0;
}
}
Vielen dank
Marcel
]]>I have a small problem with the Construction Base Pro theme.
1. the header menu is not centered under the logo. I would like to have the logo and the menu below each other and centered in the page. (Reponsive)
2. in the mobile version the menu is too wide and causes me to scroll the page to the right.
]]>#custom-header {
display: none;
}
Regards,
Sanam