Support Forum

Forum Post "Pushed Down" When Viewed on iPhone

RC Ryan Collins
Ryan Collins
Member

Hello team,

When viewed on an iPhone, the forum posts are “pushed down” as shown in the below image.

I hired someone to fix this issue before, but the issue has resurfaced, and I’m curious if there is something we can do to ensure it doesn’t happen after the next update?

Thank you for the support. 

iPhone.PNG

7 Answers

New Answer

YS Yellow Swordfish
Yellow Swordfish
Member

My best guess would be that an update to your WP theme – or perhaps a new component – has added some CSS rules to the website that are the cause of this.

Bit it also looks to me like you are using the old ‘Default’ theme which is not really mobile friendly or responsive to different sizes of device screens. IF your WordPress theme is ‘responsive’ then we would very much recommend that you use one of our responsive/mobile ready themes such as ‘Reboot’ (which we are using here) or ‘Unified’ or our free to use ‘BareBones’. You can use one of these ONLY for mobile if you wish leaving your desktop as it is now.

RC Ryan Collins
Ryan Collins
Member

Thanks for the reply.

I checked my SP Mobile Theme and here is what I see:

Mobile-Theme.png

Would you recommend I change themes?

YS Yellow Swordfish
Yellow Swordfish
Member

A note following on from the other thread. You do seem to be using a child theme so that is where any special/custom code should go.

This also means that I do not know what custom changes have been made and, of course, if you moved to a different theme they would get lost. But – the theme you are using is NOT a good mobile theme. Compare it, for example, to the one we are using on this site (Reboot).

RC Ryan Collins
Ryan Collins
Member

Thank you. I found this code one of my developers had previously added to fix the “pushed down” issue:

modified: https://myfishingcapecod.com/wp-admin/options-general.php?page=header-and-footer-scripts%2Fshfs.php
added:
@media(max-width: 600px){
article.post_box .spUserSection.spLeft{
width: 23% !important;
}
article.post_box .spPostSection.spRight{
width: 74% !important;
}
}

 

Can we add this code somewhere in the child theme framework so it is preserved during the next plugin update?

YS Yellow Swordfish
Yellow Swordfish
Member

Not the theme functions file in this case as it is CSS. Go to the forum admin > themes > custom CSS and paste it in there and save.

Note JUSt the CSS. That is the part that starts ‘@media….’ down to the last closing brace.