2 replies to this topic

[loraxio]

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.

[James B]

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

[loraxio]

Awesome James!  You are very helpful!