- This topic has 5 replies, 2 voices, and was last updated 1 year, 1 month ago by
.
-
Posts
-
Have a wonderful day,
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.
Seems you have added an Additional CSS already to your site
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;
}
}
- You must be logged in to reply to this topic.
