-
Posts
-
Hi
my client has had an issue since the last update in mobile responsive mode.1 This only seems to be happening on my clients iphone as it doesn’t happen on my samsung android phone or any iphone emulators I have tested on. Menus is miniature on the left instead of the right and is not clickable see here screenshot.
2 on all mobile devices The logo doesn’t seem to reduce in size any more and the the menus over lap slightly on the logo I have tried a couple of solutions for this on the forums but didn’t work for me.
any advice much appriciatedHi Fiachra!
1. Which iPhone does your client use? I can’t reproduce the issue (like you said it’s fine on emulator and Android). I will tag Yigit for it, as he has an iPhone. Please kindly wait for his answer.
2. As you can see in “Enfold->Header->Header behavior” it says for “Shrinking Header” that this function is ignored on mobile devices. You can use this in Quick CSS field to control the logo size for smartphones:
@media only screen and (max-width: 767px) { .responsive .logo img { width: 200px; }}Best regards,
AndyHey!
This is how your clients website look like on my iPhone 5s – http://i.imgur.com/vkD05AE.png
You can add following code to Quick CSS to solve overlapping issue@media only screen and (max-width: 767px) { .responsive .logo img { max-width: 80%; }}Cheers!
Yigit
- The topic ‘ios Mobile menu gone strange since last update’ is closed to new replies.