Tagged: fix, mobile, problem, responsive table, tab section, table
Hi,
Currently building a site and I’m checking it on an iPhone6. The alignment of the tab section is quite a bit off.
Attached an image and URL of the page in the private area.
Thanks in advance
Hey jonrouse,
Ensure that you arent using any custom CSS code to the tabs - if you
re, just remove all of them.
Best regards,
John Torvik
Hi John,
The only code I think I have is some <b>
tags in the table, surely it can’t be them?
The tab section is fine in landscape mode on the phone, it’s just portrait mode when it looks like the screen grab I sent.
Hi,
May we have temporary admin access to your site so we can take a closer look, please?
Best regards,
Sarah
Hi Sarah,
Sure, I’ll leave it below.
Regards
John
Hi,
I can see that you are using the text been applied to the text, most probably a copy paste from a word document?
Best regards,
Basilis
Hi Basilis,
I’m not sure what you mean by “text been applied to the text”, but 99% of the text came from their existing website.
Cheers.
Hi,
I’ve replaced the page with a new version with a full width sub menu and anchor links.
I did, however, get to the bottom of the problem and thought it would be useful to share.
There was a table in one of the tabs which was set up as “make entire table scrollable” in the Responsive Styling option.
I just changed it to “adjust table to screen size” and it fixed the problem!
Hi jonrouse,
Glad you got it working for you! :)
If you need further assistance please let us know.
Best regards,
Victoria