• 0

DMS 1 MediaBox Mobile Responsiveness


Question

Posted · Report post

I'm using a MediaBox to layout some text in the top section of this page: http://blog.abodo.com/apartment-search-app/

 

Normally, I would use a Masthead section for this type of layout, but the design requires a left aligned text section, which was a pain in the a@@ to achieve in Masthead (a feature would be nice).

 

So I used a MediaBox instead. It looks great on a desktop and tablet, but on smaller screens (e.g., iPhone) the text does not reduce properly. Screenshot here.

 

My MediaBox configuration includes an H1 tag section in the Title and a mix of H3 +  p tagged content in the Text section... looks like this.

 

Any ideas on how I can ensure this text will reduce correctly on smaller screens?

 

Thanks for any help.

 

Wordpress 3.9.1

PageLines v1.1.8

 

Share this post


Link to post
Share on other sites

3 answers to this question

  • 0

Posted · Report post

Instead of defining the H1, H3 sizes, try using percentages.. I found 450% worked well for h1 and somewhere between 250-300% for h3

1 person likes this

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

GetMeWebDesign that worked like a charm w/ h1 at 400%... thanks!

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

No problem... glad it worked for you

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now