Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 2

How can I adjust the responsive CSS of my mobile site?


Hi --

I'm hoping to adjust how the mobile stylesheet renders the H1 tag. I've chosen a large, bold title for the front page, yet when it is viewed on mobile, the stylesheet is causing the words to break unnaturally. I'd love for the text to resize to an appropriate scale, similar to how the Bedford template works.

Any advice? Thanks!Jon

Edited by jonathanarena

Share this post

Link to post

3 answers to this question

Recommended Posts

  • 0

Hey Jon, Try using media queries in the custom css section. To do this in your case:

  1. Go to preview
  2. enter Style mode (alt text)
  3. click the custom css button
  4. add the line of code below

    @media only screen and (max-width: 640px) { h1 {font-size:1.8em;} }

You may need to adjust the "1.8em" larger or smaller based on your preferences.

Share this post

Link to post
  • 0

good affirmation for me to .great job ! simply and interesting blogthanks for updating knowledge.BIM Modeling is also gd.

**Certified CMD-LBE of San Francisco (CMD021910059)01** [TechnoStruct][1] is an emerging name in the Design & Construction technology space, providing localized Engineering and BIM/VDC services to players across the [BIM Construction][2] spectrum. [1]: http://technostruct.com/ [2]: http://technostruct.com/#about_us

Share this post

Link to post
This topic is now closed to further replies.

  • Create New...