Home>Support>Footer Widgets: Page Builder issue for multi language website

Footer Widgets: Page Builder issue for multi language website

By graebig, 9 years ago. Last reply by Andrew Misplon, 9 years ago.

Hi, I’m relatively new to wordpress and currently working on a multilingual website (German & English). I am using the free version of the Vantage theme as it fits my project – and most probably will go premium if I get everything straight. I’m using the Polylang plugin for the languages.

I want to create a navigation in the footer (4 columns x 4 links) – so I used your Page Builder (Themes/Widges/Footer): I created a new row with four columns and added the part-navigations as individual menus with the setting “only show when lang=german”. I checked it and it looked perfect.

Then I did the same again for “only show when lang=english”. This somehow destroys the German footer-nav because for some reason the columns become really small (letters are shown vertically).

Any idea on how to fix this?

Thanks,

Heinrich

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 23 days ago Andrew Misplon
    Hi, I Work Here

    Hi Heinrich

    Thanks for reaching out.

    Do you have a public URL where we can take a look at what’s going on? If you need to keep this URL private from other users, just select “Private Reply” on the bottom right of the comment box.

  2. 9 years, 23 days ago graebig

    Hi, thanks for the quick response!

    I only have a xampp installation in a virtual machine to run wordpress on. So I guess there is no possibility to do just that?

    What I can do is handing over some screenshots and code. Could that work somehow? If so: What do you need?

    Thanks!

  3. 9 years, 23 days ago Andrew Misplon
    Hi, I Work Here

    Sure :) If you don’t have a Custom CSS plugin installed, try ours. Plugins > Add New > Search for SiteOrigin CSS.

    Then at Appearance > Custom CSS we need to insert something like this:

    #footer-widgets .widget:lang(en-US) {
	width: 25%;
}

#footer-widgets .widget:lang(it-IT) {
	width: 25%;
}

    This is saying, if the lang is en-US then set the footer widget width to 25% (four widgets). And if the lang is it-IT do the same. By replacing the lang codes and the width values you can manually set the footer widget widths. So if you had six widgets you’d set the width to 16.66 for that lang code.

  4. 9 years, 23 days ago Andrew Misplon
    Hi, I Work Here

    Reference thread:

    Thread: Footer Widgets + Polylang plugin

  5. 9 years, 23 days ago graebig

    This works just perfect – even had your tool installed already. Just lacked the creativity to get the idea I guess!

    Thanks for your help!

  6. 9 years, 23 days ago Andrew Misplon
    Hi, I Work Here

    I didn’t know about the :lang selector in CSS until recently. Super handy!

    Glad to hear that did the trick.

    All the best.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More