Jump to content

Archived

This topic is now archived and is closed to further replies.

hibbsy78

Mobile Layout

Recommended Posts

hibbsy78

First impressions are really good. I have my first test site (http://www.johnhibbs.me) up using FR and the latest platform version 5.0.24.

An issue I have is the Hero Section within Elements doesn't look great on mobile.

http://www.johnhibbs.me/daddy/ compared to similar Hero page in DMS http://www.viewfromadaddy.co.uk/rosco/

The background image on this page also seems super-sized compared to the home page?

 

 

IMG_4234.PNG

IMG_4235.PNG

IMG_4236.PNG

Share this post


Link to post
Share on other sites
oksodavid

Also, noticed from screenshot, for hero image left/text right, mobile collapses text top/image bellow?

Share this post


Link to post
Share on other sites
Andrew

Elements section might need some love on mobile... good catch.

Share this post


Link to post
Share on other sites
oksodavid

I'm still seeing Heroes image fall to bottom, when image left/text right, mobile collapses text top/image bellow, and when setting centered content, the order is text/link/image. Shouldn't the image position be top by default?

Share this post


Link to post
Share on other sites
Andrew

I mean.. We can adjust the flow with the new 'flex order' property but i'm not sure the picture always belong above the text on mobile.

Share this post


Link to post
Share on other sites
oksodavid

It feels orphaned to me, even on mobile, and appears to be more connected with whatever content follows. A grid would normally collapse span6 (left), span6 (right) to span6 (left>top), span6 (right>bottom) by default?

Share this post


Link to post
Share on other sites
oksodavid

np, I've moved hero span media to work for me

Share this post


Link to post
Share on other sites
janpeeters

Hi @hibbsy78 I'm not sure if you've been able to solve your Contact Forms 7 responsive problem, but you can add the following code and it should fit nicely.

div.wpcf7 .wpcf7-form-control { 
	max-width: 100%; 
	box-sizing:border-box;
}

 

Share this post


Link to post
Share on other sites

  • Similar Content

    • dwpoyner
      By dwpoyner+
      Not sure exactly what is causing the issue. For some reason, why you view my site on mobile, the menu does not show up. It will pop up, but it is black. You can check it out here: http://dev.caryfbc.org. I'm also attaching a screenshot where I shrunk my browser down. Any suggestions?

    • kwaoru
      By kwaoru
      Hi,
       
      I have been using DMS and pagelines.
      I am facing to a huge trouble with the appearance of one of my page on mobile (smart phones) built with pagelines.
      However I haven’t come to any solutions to organise either edit the appearance of mobile view to look neat or deactivate the responsive function. 
      Now it looks totally messy on the phone...
       
      1. Is there any way to edit the appearance of the mobile version (responsive theme)?
      2. Is there any way to deactivate responsive function?
       
      If I could receive support from you to go thorough this process I would be happy to be a pro member. 
       
      Looking forward to hearing from you.
    • poseyg
      By poseyg+
      This just happened to a site I'm working on. When I decrease width of browser to check for responsiveness...the pagelines content section is not responding???
    • yemoonyah
      By yemoonyah+
      While building my website, I set a padding of 5%, 25%, 5%, 25% so the text on the pages is not too wide.
      However, it looks crappy on mobile.
      How do I get the same effect and still have it look good on mobile?
      Example: http://yemoonyah.com/quiz
      Thanks
    • Michael Kummer
      By Michael Kummer+
      Hi guys,
      can I limit the overall of MegaNav on mobile? When I look at michaelkummer.com on a mobile device, the menu takes up more than a third of the screen space. Using CSS to limit max-height doesn't seem to work. Is there another/better way to reduce the overall height to maybe 10% of the screen available?
      Thanks
      Michael
       
×