fixing Header in rounded theme

  • Author
    Posts
  • #884354

    celinamin
    Member

    Hi css wizards!

    I’ve just started building this little site: huffs.ca
    I used the rounded theme (flexible width theme)

    When you resize the window the header text “HILLSIDE URBAN FARMERS FOR SUSTAINABILITY (HUFFS)” squishes
    I’d like that to stop!

    Any help would be so appreciated!

    The blog I need help with is passingupplastic.wordpress.com.

    #884596

    Ummm, what do you want it to do? Stay a static width and then overrun the menu (and make the menu useless) and blow out the right side of your site and partially disappear?

    #884612

    celinamin
    Member

    I’d just like it to stay put or to not mush into the logo as the window moves

    #884622

    This I think is about the best you can hope for as Rounded is a really, really, really old theme and as such has none of the new “responsive” programming in it that keeps things from blowing up when a browser window get really narrow. Narrow it down and see that the tagline and the header will drop down and obscure the post below it.

    #masthead h1 {
    margin-left: 210px;
    text-indent: 0;
    text-align: left;
    }

    If you want to see how a properly designed modern responsive design reacts to narrow browser windows, take a look at the twenty eleven demo site and narrow your browser window way down.

    http://twentyelevendemo.wordpress.com/

The topic ‘fixing Header in rounded theme’ is closed to new replies.