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
Ensure that you aren
t using any custom CSS code to the tabs - if youre, just remove all of them.
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.
May we have temporary admin access to your site so we can take a closer look, please?
I can see that you are using the text been applied to the text, most probably a copy paste from a word document?
I’m not sure what you mean by “text been applied to the text”, but 99% of the text came from their existing website.
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!