Need help? Check out our Support site, then


fixing Header in rounded theme

  1. 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.

  2. 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?

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

  4. 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/

Topic Closed

This topic has been closed to new replies.

About this Topic