Archived topic

Footer Widget Aligment in iPad (tablet) mode

3 replies · Started by Duncan on June 16, 2019

Viewing posts 1–4 of 4

June 16, 2019 at 6:38 am #931247

Hi there

I'm looking for some help and assistance.

I've created 2 x footer widgets which display correctly in desktop. (Widget 1 aligned to left hand side, and Widget 2 aligned to right hand side)

However, when I view in iPad (tablet) mode, footer widget 2 (telephone numbers and email address) isn't aligned to the right, it's floating to the left a good bit.

I've added some additional CSS to try and achieve this and it works in both desktop and mobile (text aligned centre) but not iPad (tablet) mode, so I guess I've messed up or missed something?

Any help would be much appreciated.

Thanks in advance

June 16, 2019 at 8:48 am #931455

Hi there,

It seems to be this CSS in your child theme:

@media (max-width: 1025px) and (min-width: 768px) {
    .footer-widget-1, .footer-widget-2, .active-footer-widgets-3 .footer-widget-3 {
        float: left;
        width: 33.33333%;
    }
}

If you remove that, it should work.

Let me know :)

June 16, 2019 at 11:19 am #931584

Hi Tom

Many thanks for getting back to me so quickly, especially it being a Sunday, it's much appreciated.

I did as you suggested and it's now sitting as it should.

Can you advise me if it's best practice to add any additional CSS to the child theme, or is it safe to add it to the "Additional CSS" option in the WordPress dashboard?

I only ask as I don't want to upset your excellent theme by adding lines of bloated code.

Thanks again

June 16, 2019 at 1:48 pm #931644

If you are already using a child theme then add it to the child theme, if not then Additional CSS should be good.

If you have more than 400 lines of CSS then it's a good idea to start a child theme

Let me know if this helps :)

This archived topic is closed to new replies.

Start building better websites today.