nsitedesigns
asked on
line footer widgets differently for mobile
Client wants 3 footer widgets outlined in red to lineup ontop of each other not to the right of each other on very small screens. How do I do that?
beta site
http://25a.e58.myftpupload.com
screenshot
https://screencast.com/t/WqG7eJnFPTZ
beta site
http://25a.e58.myftpupload.com
screenshot
https://screencast.com/t/WqG7eJnFPTZ
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
Chris, your solution made the most sense. How do I fix the text from wrapping funky? The width is set to inherit so I would have thought that would not be a problem but it is.
See screenshot
https://screencast.com/t/hAtXnF9eAx5k
See screenshot
https://screencast.com/t/hAtXnF9eAx5k
ASKER
I used a combination of Chris and HainKurt's code which got it to work. Thanks ALL!
To help prevent text from wrapping funky I removed the width of 32% from .footer-widgets-1, .footer-widgets-2, .footer-widgets-3 per HainKurt's recommendation. Chris was able to help me get the widgets to stack on top of each other.
To help prevent text from wrapping funky I removed the width of 32% from .footer-widgets-1, .footer-widgets-2, .footer-widgets-3 per HainKurt's recommendation. Chris was able to help me get the widgets to stack on top of each other.
Make the page fast - so don't use elements like you slider.
Keep it simple - static images and - as I said - keep it all centred to make sure there will never be an issue with Mobile / smaller screens.
Google is huge on mobile and speed right now. Your client will love you for it.