Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • September 2, 2017 at 7:56 pm #847217
    djshortkut

    1. Can you provide me with some quick css to make the logo show on my iPad when I pull up the mobile menu in portrait mode just like it does on my iPhone. I tried increasing the media query of the code below that you provided me to include my iPad portrait screen size but it still doesn’t work. Can you please let me know how to make this work. 

    @media only screen and (max-width: 990px) {
.responsive #top .av_alternate_logo_active .logo a > img {
    z-index: 99999;
}
}

    2. Can you give me some quick css to center my logo on my iPad in portrait mode please. Thanks!

    September 3, 2017 at 6:50 am #847307
    Rikard

    Hey djshortkut,

    Thanks for the screenshots, could you post a link to the site in question as well so that we can take a closer look please?

    Best regards,
    Rikard

    September 3, 2017 at 9:47 am #847347
    djshortkut

    Sorry, here you go.

    • This reply was modified 7 years, 2 months ago by djshortkut.
    September 6, 2017 at 12:19 pm #848581
    Victoria

    Hi djshortkut,

    It’s a bit different for the iPad.
    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (max-width: 1024px) {
  .responsive .logo {
       z-index: 999;
  }
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

    September 6, 2017 at 4:03 pm #848694
    djshortkut

    Thank you Victoria, that worked perfectly!

    One last question, how can I center the logo in the header on my iPad in portrait mode? Can you give me some custom css to do this please. Thanks!

    September 7, 2017 at 11:04 am #849022
    Victoria

    Hi djshortkut,

    The code then should be as follows:

    
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .responsive .logo {
      z-index: 999;
      margin-left: 35% !important;
      left: auto;
  }
}

    Let me know how this works for you.
    Best regards,
    Victoria

    September 7, 2017 at 4:54 pm #849158
    djshortkut

    Thank you! You can close this ticket.

    September 7, 2017 at 6:54 pm #849189
    Jordan Shannon

    Hi,

    I’m glad you were able to get this fixed. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘iPad Mobile Menu’ is closed to new replies.