Why does the header title go onto two lines?

rmax said 11 months, 3 weeks ago:

On my mac flat screen at home and the PC and mac flat screen at work the header appears on one line, however at a friends older monitor the header is on two lines is there some way to covert the settings to have the header appear correctly on any monitor that it is view with?

my site:
http://www.listentothiswebsite.com

chrisg said 11 months, 3 weeks ago:

@rmax,

Using custom CSS coding, you could setup a ‘min-width’ value that prevents the header from scaling down in smaller windows. Of course, doing this, the visitors may see a scroll bar appear on the bottom of their browsers if they are viewing in a window smaller then your ‘min-width’ value.

Here is a CSS example that you can try out to keep it in one line:

.sf_main_header {
min-width: 1200px;
}

Managing Advanced Design Options in WebSite Tonight

Christopher G.

rmax said 11 months, 3 weeks ago:

Chris, Thank you for your fast reply, is there a generate value to set to insure compatibly with any monitor? or is the “min-width: 1200px” that you’ve suggested a good solution to this problem. Also should I use the template “Clean Start” so that the content is a little more centered? as it seems that by using “Clean Slate” the content leans to the right. I would like also to create my own “hot link” around each of the titled crayons for the viewer to click through to that titled gallery can I assume that I can create these by using “add anchor” method then inserting the “hyperlink” to the specific gallery page.

http://www.listentothiswebsite.com

chrisg said 11 months, 3 weeks ago:

@rmax,

I recommended 1200px simply cause of the size of the font. Experimenting a bit more with your live page through Firebug, the lowest I can set this value to before the line breaks is 1122px. I would not be able to recommend any other values you could specify to make sure it fits in most monitors. Perhaps another member with more experience with CSS could make a suggestion.

For the templates, if you are looking for a more centered look, I would definitely recommend the ‘Clean Start’ as the navigation is made to go across the top as opposed to the side like it does with the ‘Clean Slate’. As for linking, you will want to refer to the information provided in the following article:

Managing Links and Anchors in WebSite Tonight

Christopher G.

rmax said 11 months, 3 weeks ago:

Chris, Thank you for your informative suggestions and links! I’ll start “clean” and I’m sure I’ll be happier with the results.

chrisg said 11 months, 2 weeks ago:

@rmax,

Glad I could assist. Keep us posted on how the site turns out.

Christopher G.

Nate D said 11 months, 2 weeks ago:

@chrisg – This comes up a lot, a lot. Maybe it should be suggested to the WST team that the users are prompted to choose between “Clean Slate” and “Clean Start” after choosing the blank method when setting up their WST account.

chrisg said 11 months, 2 weeks ago:

@Nate D,

I can definitely pass this suggestion along. If there is anything else you can think of that may help eliminate this sort of confusion, let us know so we can make sure it is included in the developers’ considerations.

Christopher G.

rmax said 11 months, 2 weeks ago:

Chris, You were right the “Clean Start” template centered my homepage title and image perfectly, however the copyright tag and the Go Daddy tag is still off centered any suggestions as to how I can fix it? Plus I’m ready to add the anchors to the “Crayon” lables, I have first started by cutting out and making squared individual jpegs of the the gallery labels featured on the crayons then I thought I create a content box for each and every one then overlay the content box to sync up to the overall image, but it seems the content box is to large to be specifically placed,how would you re-sized the content block and overlay in in front of the main image? If this is not possible I guess I’ll have to stick with the “button” titles at the top, in that case how would you change the font style for them?

My Site:
http://www.listentothiswebsite.com

Nate D said 11 months, 2 weeks ago:

@rmax – You can use this CSS to center your Footer area:

/* Remove Left Margin in Footer */
.sf_region10 {
margin-left: 0;
}

What you described with the image on the homepage would be an image map, not anchors.

http://support.godaddy.com/groups/website-tonight/forum/topic/is-it-possible-to-make-an-image-map-with-website-tonight/

rmax said 11 months, 2 weeks ago:

Thanks NateD I’ll give that “image map” option a try, is there also a way that if that solution is successful, to disable the hyperlink “buttons” at the top lefthand side of the homepage?

http://www.listentothiswebsite.com

chrisg said 11 months, 2 weeks ago:

@rmax,

Add the following to your CSS:

.sf_navigation {
display: none;
}

This will removed the navigation hyperlinks appearing at the top of your site pages.

Christopher G.

rmax said 11 months, 2 weeks ago:

Thanks Chrisg, once again your suggestion is invaluable!

chrisg said 11 months, 2 weeks ago:

@rmax,

Glad I could help out. I am sure @Nate D was just as invaluable.

Christopher G.

rmax said 11 months, 2 weeks ago:

<p>Oh yes! I went to the mapping site that was suggested by NateD and created a “image map” for the front page, now I need to just follow through on the next step in his suggestion and a large hurdle has been jumped! Thank you both again!!
</p>