Hello,
So I am a self-taught beginner with CSS, but am charged with updating my school's website. We use DNN v. 09.01.01 (129). Ever since I took over, when I scroll down, the navigation/menu bar disappears from view, but it hides on the top of the page invisibly. HOWEVER, the navbar links are still active, so when you try to click on links on the page, it starts opening some of the navbar links. How do I fix the navigation bar so it either stays visible, or how do I fix it to the top so it doesn't follow the scroll and block content?
Here is our website: https://www.venturausd.or...uena/HOME.aspx
Thank you SO MUCH for any help you can offer! I've done some research but can't quite seem to pin down a solution for this problem, based on my limited knowledge.
-Kevin
Here is the code that I find when I click on "Settings" and "Custom CSS." It has been built by people who no longer work with us, and I am not confident to know what is not needed
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix { height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ .clear { clear:both;} .left { float:left;} .right { float:right;} .img-left {float: left; margin-right: 10px;} .img-right {float: right; margin-left: 10px;} .dnnsprite { background-image: url('images/AsideIcons.png'); background-color: transparent; background-repeat: no-repeat; } .Community { background-position: -249px -5px; } .Conferences { background-position: -188px -5px; } .Manuals { background-position: -127px -5px; } .Marketplace { background-position: -66px -5px; } .Training { background-position: -5px -5px; } ul.RotatorNav { margin:-74px 0 0 0;} ul.RotatorNav li {margin:0;list-style:none;} ul.sidebar-nav li { list-style-type: none;} ul.sidebar-nav li ul li { padding-left: 20px;}
/* Getting Started content */ .getting-started-wrap .left { width: 116px; padding-top:20px;} .getting-started-wrap .right { width:500px;} a#TourStart img, a#TourVideo img { margin: 3px 3px 3px -10px; vertical-align: middle;} #dnnTourContainer { display:none; } hr.tour { border-style: solid; border-top-width: 0; color: #ccc; margin-top: 1em; } #Footer #dnn_Footer_LeftPane {float: left;margin: 0 20px 0 0;width: 430px;} #Footer #dnn_Footer_RightPane {float: left;width: 510px;} #Sponsors img{width:118px;height:58px;border:solid 1px #000;margin:0 7px 7px 0;background:url(images/Logos.jpg) no-repeat;} #Sponsors .aspnet img{background-position:0 0;} #Sponsors .maxasp img{background-position:-118px 0;} #Sponsors .telerik img{background-position:-236px 0;} #Sponsors .exacttarget img{background-position:-354px 0;} #Sponsors .winlive img{background-position: 0 -58px;} #Sponsors .redgate img{background-position: -118px -58px;} #Sponsors .appliedi img{background-position: -236px -58px;} #Sponsors .arrowdesign img{background-position: -354px -58px;} /* Quick Links */ .tblQuickLinks { width:100%; } .tblQuickLinks td { line-height:22px; } .tblQuickLinks a:link, .tblQuickLinks a:active, .tblQuickLinks a:visited{ text-decoration:underline; color:#e5e5e5; } .tblQuickLinks a:hover {color:#d0171e;} /* ------ Awesome Cyles site styles ------ */ /* footer */ .left-footer { width:48%; float:left;} .right-footer { width:48%; float:right;}
/* Home page */ /* Our entire Header includes the site logo and the navigation bar - I don't know how to disconnect the two - it could be a skin issue, a container issue, or a layout issue*/ /* Header Banner*/ .bannerShadow { padding-bottom: 5px; background:url(/Portals/0/images/Slide-Shadow.png) no-repeat 0 bottom;} .header-banner { background-image: url("/Portals/0/images/header-bg.jpg"); background-repeat: repeat-x; background-color:#830c11; min-height:200px; color:#FFF;} .header-banner .header-banner-image { float:left; width:280px; margin-left:50px; padding-top:13px;} .header-banner .header-banner-text { float:right; width:550px; margin-right:55px;} .header-banner .header-banner-text { font-size:16px; line-height:19px; padding-top:10px;} .header-banner .header-banner-text h2 { font-size:36px; text-transform:uppercase;} .header-banner .header-banner-text .header-read-more { font-size:14px; text-align:right;} .header-banner .header-banner-text .header-read-more a { color:#FFF;}
/* services columns */ .home-services div { width:190px; margin-right:20px; float:left;} .home-services div.last { margin-right:0;} /* home page sidebar styles*/ #RightLinks .last { background:none;} #RightLinks li.icoAbout img { background-image: url("images/bike-about-icon.png"); background-repeat: no-repeat;} #RightLinks li.icoBike img { background-image: url("images/bike-icon.png"); background-repeat: no-repeat;} #RightLinks li.icoNews img { background-image: url("images/bike-news-icon.png"); background-repeat: no-repeat;} /* Subpage sidebar navigation on */ .Normal ul.sidebar-nav li { line-height:200%;} .c_DNN6_Aside h3 { padding:0; margin:0; line-height:200%;} /* Things Tony Added */ A:link { COLOR: black; TEXT-DECORATION: none; font-weight: normal } A:visited { COLOR: black; TEXT-DECORATION: none; font-weight: normal } A:active { COLOR: black; TEXT-DECORATION: none font-weight: normal } A:hover { COLOR: blue; TEXT-DECORATION: none; font-weight: none }
/* Things Kevin Might have Added */
#threecolumn { -webkit-column-count: 3; /* Chrome, Safari, Opera */ -moz-column-count: 3; /* Firefox */ column-count: 3; }
/* Things Kevin Definitely Added */ * { -webkit-overflow-scrolling: touch; }
.video-container { position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; }
.video-container iframe, .video-container object, .video-container embed { position:absolute; top:0; left:0; width:100%; height:100%; }
You need to edit the Skin file to remove the Header. The skin should be on Folder /Portals/_default/skins/dixit/[Skin name].ascx
But for a quick fix (to hide the menu), just go to Settings > Custom Css and add this line of code : .fixed-menu { display: none !important; }
Sent me direct message if you still need a hand.
These Forums are dedicated to the discussion of DNN Platform.
For the benefit of the community and to protect the integrity of the ecosystem, please observe the following posting guidelines:
Awesome! Simply post in the forums using the link below and we'll get you started.