I followed the Responsive skinning tutorial and everything works except this one issue.

The code that I have in my skin template is this:

<%@ Control language="vb" AutoEventWireup="false" Explicit="True" Inherits="DotNetNuke.UI.Skins.Skin" %>
<%@ Register TagPrefix="dnn" TagName="LOGO" Src="~/Admin/Skins/Logo.ascx" %>
<%@ Register TagPrefix="dnn" Namespace="DotNetNuke.Web.DDRMenu.TemplateEngine" Assembly="DotNetNuke.Web.DDRMenu" %>
<%@ Register TagPrefix="dnn" TagName="MENU" src="~/DesktopModules/DDRMenu/Menu.ascx" %>
<%@ Register TagPrefix="dnn" TagName="LOGIN" Src="~/Admin/Skins/Login.ascx" %>
<%@ Register TagPrefix="dnn" TagName="USER" Src="~/Admin/Skins/User.ascx" %>
<%@ Register TagPrefix="fortyfingers" TagName="STYLEHELPER" Src="~/DesktopModules/40Fingers/SkinObjects/StyleHelper/StyleHelper.ascx" %>
<fortyfingers:STYLEHELPER ID="SHIE6" IfBrowser="IE=6" AddHtmlAttribute="class,no-js lt-ie9 lt-ie8 lt-ie7" runat="server" />
<fortyfingers:STYLEHELPER ID="SHIE7" IfBrowser="IE=7" AddHtmlAttribute="class,no-js lt-ie9 lt-ie8" runat="server" />
<fortyfingers:STYLEHELPER ID="SHIE8" IfBrowser="IE=8" AddHtmlAttribute="class,no-js lt-ie9" runat="server" />
<fortyfingers:STYLEHELPER ID="SHGTIE8" IfBrowser="IE>8" AddHtmlAttribute="class,no-js" runat="server" />
<fortyfingers:STYLEHELPER ID="SHNOTIE" IfBrowser="!IE" AddHtmlAttribute="class,no-js" runat="server" />
<fortyfingers:STYLEHELPER ID="INCLUDE" AddToHead='<meta name="viewport" content="width=device-width">' AddCssFile="css/main.css" runat="server" />

Basically copied/pasted directly from the tutorial files.

Am I missing anything? Not sure what is causing this issue...I know it's related to the skin because other skins work fine.

Is that the edit bar for modules, or part of the control panel?

The control panel I believe, where it says...
Admin, Host, Modules, Pages, Tools and allows you to choose the Mode

In Chrome it just appears as empty white space.

Is there any chance of posting a link. If you would like to send a username/password, please use the Contact form at patapscorg.com.

This is the URL:
http://www.conejousd.org/instructio...ETest.aspx

and I'm not sure if this would help but I uploaded the skin resource files here:
http://www.planitnow.org/temp/resource-skin/

Thanks,

Just to clarify the control panel shows in IE, FF, and Safari

I need an admin or host password to be able to login and see the control panel.

Okay user/pass sent through the contact form at patapscorg.com. Thank you

Just checking to see if you had a chance to look into this issue? I've noticed that the control panel area isn't actually missing, it's hidden by what appears to be a blank div or frame that is overlapping it. When I scroll down the page it suddenly shows up.

Matt,

Remind me: are you using a custom skin?

Yes, I'm using a custom skin that I created based on the DNN Creative tutorial called "How to Create a Responsive HTML5 Skin for DotNetNuke"

Okay, I found what the issue is. When I inspect the css it appears there is some top margin added that is creating this issue. If I change 'margin' to 'padding' the issue is completely resolved, BUT this css is being generated somehow after being logged in, so I don't think I have access to it... I took a couple of screenshots to show exactly what is happening...





I'm thinking of trying a CSS reset possibly? Or maybe just updating DNN to the latest version might fix this. I'm really not sure, but if you have any advice or suggestions that would be great.

Found a solution. The issue was being created by a JQuery script called Slidebars. Removed it and it's back to normal in Chrome.

Great!