Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • May 30, 2014 at 8:29 pm #272568
    djshortkut

    How do I move my logo over on the iPad in portrait mode only so it doesn’t overlap the text of the headers? I have attached a picture to show the issue.

    May 30, 2014 at 11:56 pm #272675
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    @media only screen and (max-width: 1024px) {
.main_menu, #header_main_alternate{display:none;}
.container #advanced_menu_toggle, #advanced_menu_hide{display:block;}
#mobile-advanced{display:block;}
}

    That way the mobile menu appears sooner (change ‘1024px’ if you think it’s too much).

    Cheers!
    Josue

    May 31, 2014 at 4:24 am #272725
    djshortkut
    This reply has been marked as private.
    June 3, 2014 at 4:05 pm #273941
    Devin

    Hey!

    You can change when the mobile menu shows but other than that you would need to customize the logo size/location on ipad via a very specific media query.

    In order to really help provide anything specific I would need to see it live and try it out.

    Regards,
    Devin

    June 3, 2014 at 7:09 pm #274081
    djshortkut
    This reply has been marked as private.
    June 5, 2014 at 7:48 am #274972
    djshortkut

    Let me know if you need any login credentials for this

    June 7, 2014 at 9:23 am #276025
    Ismael

    Hi!

    Thank you for using the update.

    I checked the website again and the logo is not overlapping the menu on iPad portrait view. It has a left margin. Did you add that? If possible, please post a screenshot of what you’re trying to do. If you simply want to move the logo position to the left, remove the margin-left property that you added for the .logo, .logo a, .logo a img selectors.

    Cheers!
    Ismael

    June 7, 2014 at 4:44 pm #276079
    djshortkut

    Hey Ismael,

    Yes, I tried to change it to a mobile menu because there was too much overlapping otherwise and I don’t think the logo would fit with all of the menu items. I am trying trying to make it into a mobile menu in portrait mode on the iPad.

    1. I need help centering my logo, phone number, and social media icons on my iPad in portrait mode. I want it to center the same way it does when I pull it up on my iPhone.

    2. The mobile menu isn’t showing up on the iPad in portrait mode either.

    3. Can you help me adjust where the mobile menu is located so it lines up with the “x” to close the mobile menu on all devices

    Thanks!

    June 8, 2014 at 2:26 pm #276200
    Ismael

    Hey!

    Alright. Please remove the left margins that you applied in your attempt to center align the logo and use this instead:

    @media only screen and (max-width: 768px) {
strong.logo {
float: none !important;
}

.responsive .logo a {
margin: 0;
padding: 0;
float: none;
}
.responsive .logo img {
margin: 0 auto;
}
}

    Regards,
    Ismael

    June 8, 2014 at 7:37 pm #276263
    djshortkut
    This reply has been marked as private.
    June 9, 2014 at 3:58 am #276332
    Ismael

    Hey!

    Alright. Looks like it’s been taken care of. Add this code:

    @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%;
}
}

    Regards,
    Ismael

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘iPad formatting issue’ is closed to new replies.