Reply To: Copyright split into left/right section, centered in mobile

[generatepressiscool]

Okay, got it to work adding this:

@media (min-width: 769px) {
    .copyright-right-area {
        text-align: right;
    }
    .copyright-left-area {
        text-align: left;
    }
}

for the divs itself:

<div class="grid-50 copyright-left-area">copyright text</div>
<div class="grid-50 copyright-right-area">siteinfo</div>

Result:
– desktop: copyright is left, siteinfo right – on same vertical height
– mobile: both are centered/stacked – stacked on top of eachother

only issue
– ipad: copyright is left, siteinfo is right but they’re not vertically aligned well. It seems the grid columns instead of showing next to eachother are stacked on top of eachother. Thsi is same behavior as on mobile, but not centered
– the text inside the grids are not taking the full width of the grids, so it shouldn’t be stacking them on top of eachother
– ideal here would be to show the copyright/siteinfo vertically aligned on same level (showing left/right) like with desktop view… unless there’s not enough space to make it fit then spillover to mobile centered view.

Suggestions?