Jump to content


Photo
- - - - -

Hero Header Text Not Responsive

hero

Best Answer loraxio , 22 December 2012 - 07:39 AM

Awesome James!  You are very helpful!

Go to the full post


  • Please log in to reply
2 replies to this topic

#1 loraxio

loraxio

    Advanced Member

  • Members

  • 54 posts
  • Framework Version:3.4.2
  • Country: Country Flag

Posted 22 December 2012 - 03:32 AM

Here's another one for the community... I seem to be having an issue where the header text in my hero sections are not responsive, so on a mobile screen (or narrow browser window) the the header extends outside the section.

 

You can see what I mean here: 

Please Login or Register to see this Hidden Content

 

Any help with this would be greatly appreciated.



#2 James B

James B

    Advocate

  • Members

  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 22 December 2012 - 03:49 AM

Hi there, the hero unit comes directly from Twitter Bootstrap and is written to keep that header on that scale. This is an example from the bootstrap homepage where I've resized the hero unit -

Please Login or Register to see this Hidden Content

 

However, you can set a max-width using css for the h1 using the method below which I found on this link,

Please Login or Register to see this Hidden Content

 

Please Login or Register to see this Hidden Content



#3 loraxio

loraxio

    Advanced Member

  • Members

  • 54 posts
  • Framework Version:3.4.2
  • Country: Country Flag

Posted 22 December 2012 - 07:39 AM   Best Answer

Awesome James!  You are very helpful!







Also tagged with one or more of these keywords: hero