Flexible Footer Menu Multilingual [Support Thread]

[Pompidompie]

No I don't, i'm working on my computer

[Pompidompie]

The footer in dutch
footer dutch.jpg

The footer in english
footer english.jpg

See how the words are everywhere? I would like to have them under each other.

[Design75]

The footer in dutch
footer dutch.jpg

The footer in english
footer english.jpg

See how the words are everywhere? I would like to have them under each other.

hmm.. Without a link it is hard to tell, but seeing the pictures my best guess is it is css related.

[Pompidompie]

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

/*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

#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%; }
} 

[Pompidompie]

I am still working with the 2 stylesheet from the post above.
I now have the footer the way I like it, but there are 2 things I can't get fixed.

First, the social media buttons, I like them to be centered under the words "volg ons" (follow us)

Then I have a border line above the footer, I know where to make it another color, but what I want is for the footer and that border line, to come together. Other words, the white space removed.

I have chrome elements to know where to look, but still I cant get it done.

footer.jpg

[rbarbour]

As Erik stated, it is literally impossible to troubleshoot layout issues with seeing it (a live website), I have both the template and footer files installed and can not duplicate your layout issue.

I am still working with the 2 stylesheet from the post above.
I now have the footer the way I like it, but there are 2 things I can't get fixed.

First, the social media buttons, I like them to be centered under the words "volg ons" (follow us)

Then I have a border line above the footer, I know where to make it another color, but what I want is for the footer and that border line, to come together. Other words, the white space removed.

I have chrome elements to know where to look, but still I cant get it done.

footer.jpg

[travbacon]

Ok so I have an EZ page done. I am trying to link it to the footer menu. I have (ez page url) but only the 'page name' shows up. When i click it, it says page not found. In EZ pages, I have all the statuses for the page disabled with all the orders number 0'd out. Obviously that is wrong. So which is right? and thanks for an improved mod over the old footer menu.

[travbacon]

also in addition to my first question, does this plugin also affect the ez-pages section in admin? it looks like on the little drop down for editing on the right where it says "Text Editor" ... i only have TEXT now. There is no drop down for HTML anymore. i'm talking about the ez pages section, not the flexible section in admin.

[Nightfly66]

Hi,

I do not know how to align the center of the menu

Can you help me ?

Thx

footer.jpg

[rbarbour]

It is literally impossible to troubleshoot layout issues with seeing it (a live website). Please provide a URL

Hi,

I do not know how to align the center of the menu

Can you help me ?

Thx

footer.jpg