[BlupaceParticipant]

Hi,

So when i view my site from an iphone i get the following problem.

The text at the bottom of the menu become mixed up with the menu icons, please see attached file.

[JadeModerator]

Hi there,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[BlupaceParticipant]

blupace.com

[Paul RModerator]

Hi,

You can add this under Custom > Edit Global CSS in the Customizer.

@media (max-width: 480px) {
#sfm-sidebar {
   width:130px;
    min-height: 547px;    
    overflow-y: scroll;
}
}

Hope that helps.

[BlupaceParticipant]

Hi, this code is not working on mobiles, I still get the text overflow and sometimes the menu wont expand.

Kind regards,

Pace

[RadModerator]

Hi there,

What iPhone did you take the screenshot? It looks okay even without that CSS. And your screenshot is small 360×640.

Thanks!

[BlupaceParticipant]

Hey so from your last message you said:

I understand that the issue was about overflow from your another thread, but I don’t see any problem on my end. The issue happens on a very small device, and the solution is to change the content size instead of container size. Please reply to that thread and let’s discuss it there.

Thanks!

How can we ensure that this is ok on all devices?

Kind regards,

Pace

[BlupaceParticipant]

I commented out the code `@media (max-width: 480px) {
#sfm-sidebar {
width:130px;
min-height: 547px;
overflow-y: scroll;
}
}`

Now I cant really use the superfly menu on the iphone5, and there is still a whole lot of weirdness…

[RadModerator]

Hi there,

Hmm, this could be confusing since we’re discussing this on two different threads. How about forwarding this to our new support page? Then link this thread, and please try this

@media (max-width: 480px) {
#sfm-sidebar {
   min-width:130px;
    min-height: 547px;    
    overflow-y: scroll;
}
}

Thanks!

[Author]

Posts