Hi,
I have recently installed the new Enfold update with the different logo positions. It works perfect except for centering the logo on mobile devices. Can anyone help me? Thank you!
Hey nicomad!
Can you post the link to your website so we can take a look?
Best regards,
Yigit
Hey!
Please add following code to Quick CSS in Enfold theme options under Styling tab
#wrap_all { overflow-y: hidden; }
@media only screen and (max-width: 767px) {
.responsive .logo {
position: relative; }}
Cheers!
Yigit
Thank you Yigit.
It works but (sorry) on iPhone the logo is not maintaining proportion.. is deformed. My logo size know is 400px x 81px (large header size option selected)… Shall I modify something to not deforme the logo on Iphone?… Maybe make the logo smaller but as you see I cant make it much more smaller since I have mandatory small text. Thank you again.
Thank you Yigit.
It works but (sorry) on iPhone the logo is not maintaining proportion.. is deformed. My logo size know is 400px x 81px (large header size option selected)… Shall I modify something to not deforme the logo on Iphone?… Maybe make the logo smaller but as you see I cant make it much more smaller since I have mandatory small text. Thank you again.
Hey!
Try also adding in these:
.responsive .logo a, .responsive .logo img {
max-width: 300px;
height: auto !important;
}
#advanced_menu_toggle, #advanced_menu_hide {
right: -26%;
}
Best regards,
Devin