Footer in IOS – Layout Issue

  • Resolved Fiona

    (@swallowwindart)


    4 years, 7 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)
  • Nicole Paschen Caylor

    (@bgnicolepaschen)

    4 years, 7 months ago

    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!

    Joseph W

    (@joe9663)

    4 years, 6 months ago

    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 4 years, 6 months ago by Joseph W. Reason: typo in code
    Thread Starter Fiona

    (@swallowwindart)

    4 years, 6 months ago

    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.