[BlupaceParticipant]

Hey, so Im getting a bit of weirdness from my grid items when in portrait mode on mobile devices. blupace.com/blog

It prevents the superfly menu from being selected and you can see a layer above everything.

[ThaiModerator]

Hi There,

To fix this issue, please add the following CSS under Customizer > Custom > Global CSS:

@media (max-width: 480px){
    .sfm-mobile .sfm-navicon-button {
        top: 0 !important;
        left: 25px !important;
    }
}

Hope it helps 🙂

[BlupaceParticipant]

Hey, so I added the code but it adds a lot of weirdness to an iphone 5 in portrait mode.

[BlupaceParticipant]

second file

[RadModerator]

Hi there,

Seems to be okay in portrait mode, would you mind providing a video recording? Just need to see what’s your selecting.

Thanks!

[BlupaceParticipant]

This is on an iphone5

You can see the overlay from the grid semi transparent..

[JoaoModerator]

Hi There,

Please turn off the content protection plugin in order that we can investigate or provide your Wp Admin credentials in a private reply.

Thanks

[BlupaceParticipant]

This reply has been marked as private.

[RadModerator]

Hi there,

It’s all because of customization you added from other thread. Superfly calculates the proper size and positioning, but you customized it with static values. Example,

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

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!

[Author]

Posts