Footer Widgets iPad vertical alignment

  • Dear all,

    Once again and hopefully for the last time, I manage to create another issue with my footer items.

    It seems like the three widgets I have line up fine on all screens but iPad portrait/vertical mode – see images.

    This is the CSS included in my site:

    .page.entry-header { display: none; }

    .footer-widget-1 {
    text-align: center;
    }

    .footer-widget-2 {
    text-align: center;
    }

    .footer-widget-3 {
    text-align: center;
    }

    .wrap {
    /* margin-left: auto; */
    /* margin-right: auto; */
    max-width: 100%;
    /* padding-left: 2em; */
    /* padding-right: 2em; */
    }

    @media screen and (min-width: 48em) {
    .wrap {
    max-width: 100%;
    /* padding-left: 3em; */
    /* padding-right: 3em; */
    }
    }

    .page.page-one-column:not(.twentyseventeen-front-page) #primary {
    /*margin-left: auto;*/
    /*margin-right: auto;*/
    max-width: 100%;
    }

    @media screen and (min-width: 30em) {
    .page-one-column .panel-content .wrap
    {
    max-width: 100%;
    }
    }

    @media screen and (max-width: 1024px) {
    .social-navigation,
    .site-info,
    .social-navigation + .site-info {
    float: none;
    margin: 0;
    text-align: center;
    width: auto;
    }
    }

    h3 {
    font-family: inherit;
    font-size: inherit;
    color: #5c5c5c !important;
    font-weight: normal;
    }

    Best wishes,

    Adi

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Looks like this is the problem:

    
@media screen and (max-width: 48em) {
    .ats-widget-area-advanced .widget-column {
        width: 100% !important;
    }
}
    Thread Starter atanase

    (@atanase)

    Hi Andrew,

    I think something is over riding it because there is no change.

    Best wishes,

    Adi

    Thread Starter atanase

    (@atanase)

    Also, looks like the middle image widget has moved slightly down on landscape as well.

    This is prooving to be a bit of a headache.

    Cheers!

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    I can’t debug this as the widgets aren’t on the site

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Footer Widgets iPad vertical alignment’ is closed to new replies.