mobile issues on Android

[Rui Guerreiro – SUPPORT]

Hi,

2# seems to be fine.
Will check 4#

Thanks.

-Rui

[neilswaab]

#2 is still broken for me. Still has the same opening and closing behavior.

Additionally, with the update, now all my mobile menu items sit flush to the left against mobile menu.

[Rui Guerreiro – SUPPORT]

Try to clear cache the mobile browser cache.
Can you test in a different mobile?

Seems that the itens on the left was because of the theme update will check that.

-Rui

[neilswaab]

The newest update has resolved issue #2 for me.

I’ll see if I can get video of #1 and #3 which are still a problem.

Any updates for #4 yet?

[Rui Guerreiro – SUPPORT]

Hi,

Regarding 4# add the code below to your custom css options.

@media (min-width:359px) and (max-width:420px) {
   .page-heading .container {
      padding: 0 35px!important;
   }
}​

-Rui

[neilswaab]

That created padding on the left of my page titles too. I resolved it by changing to:

@media (min-width:359px) and (max-width:420px) {
.page-heading .container {
padding-right: 50px !important;
}
}

[Rui Guerreiro – SUPPORT]

Great. Thanks for the adjustment of the code.
-Rui

[FlawlessWeb]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

Hi,

In my S4 it appears fine.
https://www.dropbox.com/s/9tycysegl1q5omr/2014-11-06%2015.25.35.png?dl=0

In desktop chrome only appears a vertical grey area of the scroolbar.
https://www.dropbox.com/s/r264ot2il2wtfde/chrome_scrollbar.png?dl=0

Add this code below to your custom css.

.mobile-menu-open #mobile-menu-wrap {
overflow: hidden!important;
}

-Rui

[FlawlessWeb]

Hi Rui,

#1. The issue only becomes aparent when you have click on one of the top level menus – so for example, click on the ‘sample pages’ dropdown and you will then see the unncessary horizontal scroll bar become active and the issues that causes.

#2. Your code:

.mobile-menu-open #mobile-menu-wrap {
overflow: hidden!important;
}

That should not be applied as you need the vertical scrollbar to be active when a dropdown is clicked. Using that code stops that vertical scrollbar from activating.

#3. There is in fact another bug. Look at the attached screenshot. Load up the page on chrome and you will see a scrollbar to the right of the menu by default – but its not actually doing anything and is not necessary. The vertical scrollbar should only become active when you click on one of the dropdown menus and the links do not fit on your screen…

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

wrong property in the css.

Use this one instead:

.mobile-menu-open #mobile-menu-wrap {
overflow: auto!important;
}

This will show the scrollbars only when necessary.

-Rui

[FlawlessWeb]

That code solves problems #2 and #3 from my last post. But problem #1 is still there…

[Rui Guerreiro – SUPPORT]

Replace by this one to solve everything. The horizontal scrollbar will never appear.

.mobile-menu-open #mobile-menu-wrap {
overflow-y: auto!important;
overflow-x: hidden!important;
}

-Rui

[FlawlessWeb]

Thanks Rui,

That has solved those issues.

The other issue I just noticed on mobiles is that for some reason the back to top icon appears too soon. See the screen-shot. As you can see, the back to top icon is already popping up into the frame even though I havnt even scrolled down the page yet… Surely that icon should only appear about half way down the page or so?

Better to log into through your mobile to see the issue…

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Will have to forward this one to Ed.
Thanks.

-Rui