Footer – can't get widget areas to stack on Iphone – Metro

Community Forums Forums Design Tips and Tricks Footer – can't get widget areas to stack on Iphone – Metro

This topic is: not resolved

This topic contains 3 replies, has 2 voices, and was last updated by  AC 2 years, 3 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #36713

    computerkitten
    Participant

    Not sure why the widget areas are not stacking in the Footer for the Iphone.  Content is colliding into one another.  Its the Metro Theme.

    Website is here:

    http://tinyurl.com/blgu2rc

    Anyone?

    Thank You,

    CK

     

    http://metro, responsive, widget
    #36788

    AC
    Blocked

    You need to add the widget areas to the @media mobile CSS area and set the widths to 100%. I just ran into this on another theme I am doing custom work on.

    #36796

    computerkitten
    Participant

    Thanks for writing.  Are you saying I should add to the mobile only section, (Iphone), the following:

     

    .footer-widgets-1 {

    width: 100%;

    }

    And then add this to the other footer widget areas too (.footer-widgets-2 & 3)?

    Thanks for clarifying!

    CK

    #36868

    AC
    Blocked

    Yes, try that. Mobile is a beast. Any action you want your website to perform or look like in mobile needs to be done under the @media CSS of your style.css sheet.

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.