Line 39: | Line 39: | ||
list-style: none; | list-style: none; | ||
text-align: center; | text-align: center; | ||
+ | position: relative; | ||
+ | z-index:+1; | ||
} | } | ||
+ | |||
.ccsticky-nav ul li { | .ccsticky-nav ul li { | ||
display: inline-block; | display: inline-block; | ||
margin: 0 10px; | margin: 0 10px; | ||
} | } | ||
+ | |||
.ccsticky-nav ul li a { | .ccsticky-nav ul li a { | ||
padding: 10px 0; | padding: 10px 0; | ||
Line 52: | Line 56: | ||
transition: all 0.2s ease; | transition: all 0.2s ease; | ||
} | } | ||
+ | |||
.ccsticky-nav ul li a:hover { | .ccsticky-nav ul li a:hover { | ||
color: #34495E; | color: #34495E; | ||
} | } | ||
+ | .ccsticky-nav ul ul { | ||
+ | background: #fff; border-radius: 0px; padding: 0; | ||
+ | position: absolute; top: 100%; | ||
+ | } | ||
+ | .ccsticky-nav ul ul li { | ||
+ | float: none; | ||
+ | border-top: 1px solid #6b727c; | ||
+ | border-bottom: 1px solid #575f6a; | ||
+ | position: relative; | ||
+ | z-index:+1; | ||
+ | } | ||
+ | .ccsticky-nav ul ul li a { | ||
+ | padding: 15px 30px; | ||
+ | color: #fff; | ||
+ | z-index:+1; | ||
+ | } | ||
section { | section { | ||
width: 100%; | width: 100%; |
Revision as of 04:23, 2 August 2016
You can use the overflow property when you want to have better control of the layout. The overflow property specifies what happens if content overflows an element's box.fnjjskclmksjKcl;dsklcmkdms.,Cmmslakjcdisaidos'odkosp'opxsklkdgdyuisydisuyduosxuodsaud8ioaduiosiyudosudhcudosauyduosaydusocyoidsyaudiofudoshcudshchxjksyudocyiuds