Footer in IOS – Layout Issue

  • Resolved Fiona

    (@swallowwindart)


    5 years, 2 months ago

    Hi there, the footer doesn’t appear right on an iPad.

    On the windows desktop, the footer appear as a 2 column x 1 row. On Android devices, it all stacks vertically to create 1 column. Both these scenarios are how it is designed to be.

    However on the iOS in iPad it’s appear as a 2 column x 2 row. This means the footer items all appear on the left. And blank spaces on the right.

    Any idea how to fix it?

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hello,

    Sorry to hear you are having issues with the footer layout on iOS devices. Our developers are looking into this issue and we will follow up soon. Thanks!

    Hi @swallowwindart, I hope you are doing well!

    It looks like this could be related to the text alignment rules that were added to the .footer-1 and footer-2 classes, and adding a justify-content rule to my own footer rows seems to have fixed the problem. Here’s the code I used:

    .bgtfw-footer .boldgrid-section .row {
    justify-content: center;
    }

    I hope that fixes your footer alignments and please let us know if there is anything else that we can do to help!

    • This reply was modified 5 years, 1 month ago by Joseph W. Reason: typo in code
    Thread Starter Fiona

    (@swallowwindart)

    Thanks @joe9663! That has fixed the issue!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Footer in IOS – Layout Issue’ is closed to new replies.