Hi,
do you know what i can do that the lines of the burger menu are not going above the Logo on the mobile version?
Tahnks a lot :)
many regards,
rixi
Hi rixi,
Please try to add this CSS code in Enfold > General Styling > Quick CSS:
@media only screen and (max-width:767px) {
.responsive #top .logo {
width: 60%;
}
}
Best regards,
Nikko
Hi Nikko,
i put that code in changed it on 90% but there are still the lines goning over the logo a little bit and on the right side is lots of white space. Any idea to put everything in the center?
Tahnks a lot for your help!
Many greetings rixi
Hi rixi,
Please remove the code I gave and replace it with:
@media only screen and (max-width:767px) {
.responsive #top #wrap_all .main_menu {
right: -10%;
}
.responsive.html_cart_at_menu #top .main_menu .menu>li:last-child {
margin-right: 7px;
}
}
Just adjust the values as you see fit.
Best regards,
Nikko
Hi Nikko,
thank you but the lines are still a little bit over the logo. i changed the numbers % and pix in the code but nothing changed.
hmmmm….not so easy…
Many greetings rixi
Hi rixi,
Please replace the last code I gave with this one (just adjust the width as you see fit):
@media only screen and (max-width:767px) {
.responsive #top .logo {
width: 74%;
}
.responsive #top #wrap_all .main_menu {
right: -10%;
}
.responsive.html_cart_at_menu #top .main_menu .menu>li:last-child {
margin-right: 7px;
}
}
Best regards,
Nikko
Hi Nikko,
i think its ok now like that, thank you very much :)
Many greetings
rixi