Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • May 22, 2015 at 7:01 am #448186
    sundara88

    Hi Guys,

    My logo disappears behind menu toggle box on (Windows)mobile phone size screen.
    I’ve had this problem before and I fixed it with the following css:

    @media only screen and (max-width: 480px) {
    .responsive .logo img {
    max-width: 220px !important;
    }

    It worked for that site but not for the current site if I view it on a Windows phone with IE 11.
    I cleared cache and turned phone off and on…
    On Iphone there is no problem.
    Any suggestions?

    Thank you,
    Lisa

    May 23, 2015 at 2:41 am #448823
    Josue

    Hi!

    I don’t have a Windows Phone to test but if you say it works on a site it may be something easy to fix, have you tried isolating that code? i mean removing all other custom code temporarily and see if it takes effect.

    Regards,
    Josue

    May 23, 2015 at 4:16 am #448861
    sundara88

    Hi,

    I’ve just updated my windows phone to 8.1 And now everything looks crap… :(

    The logo is cut off by the menu toggle box.

    The backgrounds don’t show up properly

    Half the content is missing…

    Can someone with a windows phone check my site and see if they get the same problem??
    I don’t know where to start fixing, does anyone have any suggestions?

    Thanks,
    Lisa

    June 2, 2015 at 8:30 am #452964
    Basilis

    Hi!

    I am really sorry for the delayed reply.
    Can you please let us know if you still facing any issues?

    Best regards,
    Basilis

    June 3, 2015 at 1:11 am #453450
    sundara88

    Hi, I’ve fixed the background and missing content problem, by changing the background-attachment to “scroll”.
    My logo is still overlapped by the menu toggle box… any ideas for this problem?

    Thank you,
    Lisa

    June 3, 2015 at 7:08 pm #454013
    Yigit

    Hi Lisa!

    Can you please post a screenshot and show how it looks? I am not using a Windows Phone as well but apparently they are a bit problematic when it comes to responsive sites
    Also, please try adding following code to Quick CSS as well

    @-ms-viewport{width:device-width}
@media screen and (max-device-width: 480px), screen and (max-width: 480px) {
.responsive .logo img {
max-width: 220px !important;
}}

    Cheers!
    Yigit

    • This reply was modified 10 years, 5 months ago by Yigit.
    June 4, 2015 at 12:44 am #454153
    sundara88

    Hi Yigit,

    That worked!! You’re a legend!
    Thank you so much!
    Lisa

    June 4, 2015 at 5:54 pm #454640
    Yigit

    Hi!

    Great! Glad we could help Lisa, let us know if you have any other questions or issues :)

    Regards,
    Yigit

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘logo disappears behind menu toggle box on mobile’ is closed to new replies.