Footer Breaking on Mobile

Support
#1

I’m not sure why this is happening, but my footer is breaking on mobile. The responsive size preview in Cornerstone implies it would work fine, but the when viewed on iPhone it doesn’t work correctly. Please advise.

abc5319.sg-host.com is the site.

#2

I assume this is also part of the issue with the weird, jumpy scrolling, but if it’s not I can start a new thread about that.

#3

Hello @kjroelke,

Thanks for writing to us.

I checked your site footer on my iPhone 7+ and it seems that it is working fine at my end. It might be the issue of the browser cache at your end. I would suggest you please clear your browser cache or check it in the private mode of the browser.

Thanks

#4

I tried that and the issue still persists.

I’m using an iPhone XS and iOS 15.5.

IMG_FD21A58973B8-1
IMG_FD21A58973B8-11125×2436 516 KB

#5

Hello @KJRoelke,

Please install Chrome or Brave browser in your iPhone. You can then compare how the site looks using Safari and the Chrome/Brave browser. I have a hunch that this only affects the latest Safari browser which was pushed with the iOS15 version.

Please let us know then and send us some screenshots.

#6

The issue persists.

Chrome for iOS, version 102.0.5005.87

IMG_E8FFC50571FB-1
IMG_E8FFC50571FB-11125×2436 389 KB

#7

Hello @kjroelke,

I checked your site on the Chrome browser and it is working fine at my end. I would suggest you please check in the private mode of the browser.
IOS version: 14.8.1
Chrome Version : 102.0.5005.87

Thanks

#8

The problem persists.

IMG_60EAE4C00208-1
IMG_60EAE4C00208-11125×2436 408 KB

#9

Hey KJ,

I see the issue on my iPhone and the cause of the issue is the Flex Basis of the 2nd Container of the 2nd Footer Bar set to 18rem.

image

Please set it to auto or choose 1 of the options like Standard, No Shrink, Fill Space or Fill Space Equally.

If that doesn’t help still, please provide the following information in a Secure Note so we could check that setting.

  • WordPress Login URL
  • Admin username and password

You can find the Secure Note button at the bottom of your posts.

secure-note
secure-note1040×250 15.3 KB

Thanks

#10

THANK YOU.

Goodness that was frustrating. Thanks for you help getting that sorted.

#11

Hey @KJRoelke,

You are most welcome. We are glad that @Christian were able to help you out.
Feel free to create another thread if need any other assistance.

Best Regards.

#12

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.