[neonrider]

The URL: (please see my PM)

You were asking whether it creates the scroll bar for smaller cellphones and whether the logo goes beyond the screen width. Yes it does, unfortunately.

I tested it with variety of "is it responsive" and "is it mobile-friendly" free services.

I am not saying it is really bad, but then again, I have no knowledge of coding or responsiveness and how end user will react to one sized logo without "sprites".

Regarding the instructions the part # 3 is confusing a little bit:

3. In the file skin/ideal_responsive/css/altskin.css, create a new css class for the main logo - for instance, 'logo_custom' - by adding the following lines:

#header .line1 .logo_custom a img {
width: 297px;
height: 42px;
}

Where exactly in the bottom do I add this code to in that altskin.css file? Does the exact location matter?

Also, can I edit the altskin.css with CodeLobster or is it better to use Notepad? CodeLobster lists the code in an orderly fashion, but Notepad lists all in one "cloud" where is hard to tell where is what. Is it OK to post these lines at the very bottom past all the code? Please advise.

Thanks for your help.