PageLines powered website featured in an article about responsive design on Presse-Citron.net (famous French high-tech website)
The site I'm working on--ndtest.mamulligan.com--is working at all on mobile devices. The home page image is not resizing at all. Is there a way to eliminate that image just for mobile? Another site I work--leedems.org--on uses some identical components, but it works just fine on mobile. What can I do to get this site to work on mobile? Thanks in advance.
I'm having trouble figuring out how to manage the responsiveness on my fixed header. I have two NavBars (one left for social icons, and one right for main page navigation). When the screen width shrinks to less than 830px, the wrapping begins with the social Navigation, and eventually two "Menu" buttons appear for the mobile view.
What I'd like to have happen is the social navigation to stay visually as-is, and the page navigation to switch to the "Menu" button, all staying on the same single line.
Can someone lead me in the right direction? Thanks!
Website is: http://bodyandsoulcoaching.com
Screenshot of current responsive look.
Here's an issue I can't fix.
Please have a look below to 5 screen shots of my homepage displayed:
on an iPad (portrait mode) > http://cl.ly/image/2q3M2l301R0s on an iPad (landscape mode) > http://cl.ly/image/2g3F05003P2R on a MacBook Air 13" > http://cl.ly/image/1s3s302V2o45 on an iPhone (portrait mode) > http://cl.ly/image/1G1B3K1S3T32 on an iPhone (landscape mode) > http://cl.ly/image/0Z1H0X2a3Y1e As you can see, there is a white space between the header and the first pin (I use the great Postpin section to display posts) when browsing my homepage on iPhone.
I probably did something wrong within my CSS code. Could anyone help me on this?