Return to previous page

Tabs behaving strangely on mobile devices

This topic has 12 replies, 3 voices, and was last updated 9 years, 11 months ago ago by Eva Kemp

mozmocreative

Participant

November 12, 2014 at 08:04

Hi,

I’ve setup my website and have found tabs are behaving weirdly on mobile devices. On iPad in Landscape orientation, they work perfectly, but on iPad in portrait orientation and on an iPhone, they display underneath each other (like faq toggles), but when you open one, they scroll to the bottom of the content of the tab, which can be confusing, also when they’re displayed like toggles, it’s hard for the user to know there is more content under the first tab.. What I’d like to know is..

1. Can I display the tabs as normal (horizontal, like on desktop) on iPad in portrait, not just in horizontal orientation.
2. How do I fix where it scrolls to, on iPhone, when a tab is opened, so the tab stays at the top of the screen instead of the page scrolling to a weird position.

Thanks

Please, contact administrator
for this information.

#24217 Copied

11 Answers

Eva Kemp

Support staff

November 12, 2014 at 15:13

Hello,

Please provide us with wp-admin panel and FTP credentials in Private Content.

Thank you.
Regards,
Eva Kemp.

#24266 Copied

mozmocreative

Participant

November 13, 2014 at 01:50

Thanks

Please, contact administrator
for this information.

#24370 Copied

Eva Kemp

Support staff

November 13, 2014 at 14:43

Hello,

1. Unfortunately there is no such possibility in the theme and a lot of customization is required in the files. This is not a free service.

2. Do you wish a tab to stay fixed when scrolling a page?

Thank you.
Regards,
Eva Kemp.

#24457 Copied

mozmocreative

Participant

November 18, 2014 at 01:27

I want the tab to stay in the same position once it has been tapped to open it, but the content expand under it, as a tab would normally function. But right now, the page is scrolling too far down and the content of the tab is out of view, particularly when viewing on iPhone…

I have tried other types of tabs too like Product Tabs and Accordion and they do the same thing…

#25027 Copied

mozmocreative

Participant

November 18, 2014 at 01:33

Hi Eva,

I’ve just realised I think this is because of the fixed menu header, which is making it scroll too far up, not taking into account the height of the fixed menu header. How can we offset this so a tab opens at the correct position and the user can see the content from the start?

#25029 Copied

Eva Kemp

Support staff

November 21, 2014 at 17:15

Hello,

Sorry for a long delay.
Please update the theme to 1.5 version. Some bugs were fixed there.
https://www.8theme.com/demo/docs/royal/#!/installation_upgrade (paragraph “1.5 Theme Upgrade”).

Thank you.
Regards,
Eva Kemp.

#25977 Copied

mozmocreative

Participant

November 25, 2014 at 03:03

Have updated, cleared cache, problem persists. Here is a link which might help you fix my issue..

http://stackoverflow.com/questions/10732690/offsetting-an-html-anchor-to-adjust-for-fixed-header

#26321 Copied

Olga Barlow

Support staff

December 5, 2014 at 17:02

Hello,

Check your tabs now, please.

Regards,
Olga Barlow

#28313 Copied

mozmocreative

Participant

December 8, 2014 at 00:59

Hi Olga,

Thank you very much this has fixed the issue, was this with custom css or something in one of the theme’s files? Just so I know, when updating the theme. Thanks

#28435 Copied

mozmocreative

Participant

December 11, 2014 at 03:07

Hi, sorry I never got a reply on this? I need to know if you altered a file so that updating the theme wont break it? Please let me know… THANKYOU

#28947 Copied

Eva Kemp

Support staff

December 11, 2014 at 13:49

Hello,

You can update the theme without any worries. The fix is included in the new theme version.
Thank you.

Regards,
Eva Kemp.

#29026 Copied
Viewing 12 results - 1 through 12 (of 12 total)