Hi :)
I have a problem on my website (link in private content)
It’s not responsive anymore – there is a bug -, but i don’t know since why, maybe since last update ?
– I’m using 960px script (https://kriesi.at/support/topic/need-responsive-layout-by-default-of-960px/) and i try with the old grid.css, same thing.
– I tried without my custom.css, same thing.
The problem is about the logo and top menu, when you shorten the window, you can see the menu on the logo, and the logo pixelize a lot. When you are in mobile phone portrait navigation, the square to go to menu is on the logo too.
Where should i go to fix it ?
Thanks a lot !
Matthieu
Hi mattv7!
Thank you for visiting the support forum.
Please add this on Quick CSS or custom.css to fix the logo on mobile view:
@media only screen and (max-width: 767px) {
.responsive .logo a, .responsive .logo img {
margin: 0 auto;
max-width: 100%;
height: 60px !important;
max-height: 60px !important;
top: 5px;
}
}
Go to Enfold > Header Layout > Mobile Menu panel then look for the Header Mobile Menu activation. Choose the second option to force the theme to show the mobile menu earlier.
Regards,
Ismael
Hi Ismael,
It’s ok for the logo, thanks !
And about the menu, with using tablet size for responsive it’s ok too.
Thanks for your answer :)
Regards,
Matthieu