Center Logo on iPad

Hi kevinjsutton!

1&3 – Please add following code to Quick CSS in Enfold theme options under General Styling tab

@media only screen and (max-width: 989px) and (min-width: 768px) {
.responsive .mobile_slide_out .logo {
left: 40%;
}
.av_phone_active_left .phone-info {
margin-left: 40%;
}}
#advanced_menu_toggle {
right: -35%;
top: -40%;
}

You may need to adjust the left value to center logo and phone number perfectly.
2- I tried resizing browser window but mobile menu always shows up on my end. Have you fixed it already?

Regards,
Yigit

Hi!

Thank you for the update.

Please avoid creating duplicated posts. If I am not mistaken, this issue is the same with the thread you have here: https://kriesi.at/support/topic/ipad-formatting-issue/

Anyway, regarding the mobile menu, please go to Enfold > Mobile Menu > Header Mobile Menu activation. Choose the second option. After that, pease add this on Quick CSS or custom.css to center align the logo on iPad portrait view:

@media only screen and (max-width: 989px) and (min-width: 768px) {
.responsive .mobile_slide_out .logo {
left: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}

#advanced_menu_toggle {
right: 0;
top: 40%;
}
}

Remove this line on our first suggestion:

.responsive .mobile_slide_out .logo {
left: 40%;
}

Cheers!
Ismael

Hi!

Please add following code to Quick CSS as well and adjust

@media only screen and (max-width: 480px) {
.responsive #header .social_bookmarks { width: 90%; }
#advanced_menu_toggle { top: 1%; }}

Cheers!
Yigit

Hey!

Great! Let us know if you have any other questions or issues

Best regards,
Yigit