Support Forum

Advanced Search
Forum Scope


Match



Forum Options



Minimum search word length is 3 characters - maximum search word length is 84 characters
general-topic
Forum Post "Pushed Down" When Viewed on iPhone
Avatar
Ryan Collins_1
Member
sp_UserOfflineSmall Offline
Apr 11, 2017 - 10:48 am

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.PNGImage Enlarger

Avatar
Yellow Swordfish
Glinton, England
SP Master
sp_UserOfflineSmall Offline
Apr 11, 2017 - 11:49 am

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.

andy-signature.png
YELLOW
SWORDFISH
Avatar
Ryan Collins_1
Member
sp_UserOfflineSmall Offline
Apr 11, 2017 - 12:11 pm

Thanks for the reply.

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

Mobile-Theme.pngImage Enlarger

Would you recommend I change themes?

Avatar
Yellow Swordfish
Glinton, England
SP Master
sp_UserOfflineSmall Offline
Apr 11, 2017 - 4:32 pm

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).

andy-signature.png
YELLOW
SWORDFISH
Avatar
Ryan Collins_1
Member
sp_UserOfflineSmall Offline
Apr 12, 2017 - 3:12 pm

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?

Avatar
Yellow Swordfish
Glinton, England
SP Master
sp_UserOfflineSmall Offline
Apr 12, 2017 - 3:21 pm

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.

andy-signature.png
YELLOW
SWORDFISH
Avatar
Ryan Collins_1
Member
sp_UserOfflineSmall Offline
Apr 12, 2017 - 6:13 pm

I will give that a try, thank you.

Avatar
Mr Papa
Simi Valley, CA
SP Master
Free Members
sp_UserOfflineSmall Offline
Apr 12, 2017 - 9:02 pm

let us know how it goes...

Forum Timezone: Europe/Stockholm
Most Users Ever Online: 1170
Currently Online:
Guest(s) 1
Currently Browsing this Page:
1 Guest(s)
Top Posters:
Mr Papa: 19448
Ike: 2086
Brandon: 864
kvr28: 804
jim: 650
FidoSysop: 577
Conrad_Farlow: 531
fiddlerman: 358
Stefano Prete: 325
Member Stats:
Guest Posters: 619
Members: 17362
Moderators: 0
Admins: 4
Forum Stats:
Groups: 7
Forums: 17
Topics: 10127
Posts: 79625