StudioPress

Forum navigation

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

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

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

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

This topic is: not resolved
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • April 21, 2013 at 10:13 am #36713
    computerkitten
    Member

    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
    April 21, 2013 at 8:02 pm #36788
    AnitaC
    Keymaster

    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.

    Need help with customization or troubleshooting? Reach out to me.

    April 21, 2013 at 8:40 pm #36796
    computerkitten
    Member

    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

    April 22, 2013 at 7:30 am #36868
    AnitaC
    Keymaster

    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.

    Need help with customization or troubleshooting? Reach out to me.

    August 11, 2020 at 6:46 pm #500534
    betho
    Participant

    I'm having the same issue with Genesis Sample theme, footer widgets not stacking. I tried adding the css above but it's not workin. Any suggestions on what I'm doing wrong?

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.