I would say so too, but I don't know the code names for what makes then line next or under each other.
Am I looking in the right place when I look at the flex-navsupp words?
Stylesheet
PHP Code:
/*bof footer menu*/
#navSuppWrapper {margin: 10px 5px 0;padding: 0;background:none;font-weight: bold;border-top:1px solid
#dbdbce;}
#navSuppWrapper a{color:#444;font-weight:normal;}
#siteinfoLegal, #footer-bottom {padding: .5em 0 0;width:100%;line-
height:normal;clear:both;color:#171717;background:#f4f4f4;text-align:center;margin-bottom:30px;font-
size:80%;}
#siteinfoLegal a, #footer-bottom a {padding: 0 0.5em 0 0.5em;color: #171717;white-space: nowrap;}
#siteinfoLegal a:hover, #footer-bottom a:hover {color: #8db9fb;}
#bannerSix {margin-top:0px;padding-bottom:30px;background:#f4f4f4;}
#flex-navSupp ul {margin: 0;padding: 0.5em 0em;list-style-type: none;text-align: center;line-height: 1.5em;}
#flex-navSupp ul li {display: inline;}
#flex-navSupp ul li a {text-decoration: none;padding: 0em 0.5em;margin: 0;color: #666666;white-space:
nowrap;}
#flex-navSupp {display: table; width: 100%; background: #f4f4f4;color:#171717;}
.flexFooterCol {display:table-cell; }
*+html .ezpagesFooterCol {float: left;}/*ie7 hack*/
#flex-navSupp .flexFooterCol a { color: #666564; font-weight: normal;font-size:110%;line-height:25px;}
.flexFooterCol h4 {color: #171717; text-align: left;text-transform:uppercase;font-weight:normal;margin-
left:5px;font-size:160%;}
.ffCcol4 i{font-size:200%;border:1px solid
#8db9fb;padding:10px;background:#8db9fc;color:#fff;transition:background 2s ease;-webkit-
transition:background 2s ease;-moz-transition:background 2s ease;-o-transition:background 2s ease;min-
width:30px;}
.ffCcol4 i:hover{background:#171717;color:#fff;}
#flex-navSupp .flexFooterCol li {display: block; text-align: left;}
#flex-navSupp .flexFooterCol li span {display: block; text-align:center;}
#flex-navSupp .flexFooterCol.ffCcol1 li span.flexFooterColImage {text-align:left;}
#flex-navSupp .flexFooterCol.ffCcol1 {border:0;}
#flex-navSupp a.activePage {}
#flex-navSupp a:hover {color: #8db9fb;}
Stylesheet flexible footer
PHP Code:
#flex-navSupp ul {margin: 0;padding:0;list-style-type: none;text-align: center;line-height: 1.5em;}
#flex-navSupp ul {display:block;text-align:center;}
#flex-navSupp ul li h4 {text-align:center;}
#flex-navSupp ul li span {display:block;text-align:center;}
#flex-navSupp a.activePage {font-weight: bold;color: #000;}
#flex-navSupp a:hover {font-weight: bold;text-decoration: underlined;color: #000;}
.col {float: left;}
/* Example for styleing individual column blocks */
ul#col_1 {background-color:#FFFFFF;color:#ff0000;height:250px;}
ul#col_2 {background-color:#C0C0C0;color:#ff0000;height:250px;}
ul#col_3 {background-color:#FF00FF;color:#ff0000;height:250px;}
ul#col_4 {background-color:#00FFFF;color:#ff0000;height:250px;}
ul#col_5 {background-color:#FFFF00;color:#ff0000;height:250px;}
ul#col_6 {background-color:#0000FF;color:#ff0000;height:250px;}
ul#col_7 {background-color:#00FF00;color:#ff0000;height:250px;}
ul#col_8 {background-color:#FF0000;color:#ff0000;height:250px;}
ul#col_9 {background-color:#000000;color:#ff0000;height:250px;}
/* Each span represents a columns width */
.span_9_of_9 {width: 10.55%;}
.span_8_of_9 {width: 11.94%;}
.span_7_of_9 {width: 13.72%; }
.span_6_of_9 {width: 16.08%; }
.span_5_of_9 {width: 19.38%; }
.span_4_of_9 {width: 24.35%; }
.span_3_of_9 {width: 32.66%;}
.span_2_of_9 {width: 49.25%; }
.span_1_of_9 {width: 99%; }
/* Changes column width at 768px, changed to be consistent with responsive code */
@media only screen and (max-width: 768px) {
div#flex-navSupp>div>div>ul>li {display: block; text-align:center;}
.span_9_of_9 {width: 98%; }
.span_8_of_9 {width: 98%; }
.span_7_of_9 {width: 98%; }
.span_6_of_9 {width: 98%; }
.span_5_of_9 {width: 98%; }
.span_4_of_9 {width: 98%; }
.span_3_of_9 {width: 98%; }
.span_2_of_9 {width: 98%; }
.span_1_of_9 {width: 98%; }
}
Bookmarks