Return to previous page

How to display a simpel language dropdown menu?

This topic has 10 replies, 3 voices, and was last updated 8 years, 10 months ago ago by Jack Richardson

  • Avatar: groubee
    groubee
    Participant
    July 10, 2015 at 15:47

    Hi

    I hope you can help me with showing a simpel language dropdown menu in the top header (on top of the slider) See https://www.dropbox.com/s/0swt3tivew60bor/003—hojre—v%C3%A6lg-sprog.jpg?dl=0
    and with mouseover
    https://www.dropbox.com/s/2yrurolkm1bqris/004—hojre—v%C3%A6lg-sprog.jpg?dl=0

    And again inside the footer we really would like to show the language menu – see https://www.dropbox.com/s/h8prgwjtkge1oy7/005—footer—v%C3%A6lg-sprog.jpg?dl=0 without a new gray border…

    We are using WPML. And we are working on our test server: http://dev-smooff.serv10.powerhosting.dk but the site is live here http://www.smooff.net

    I hope you can help me 🙂

    Best regards
    Tonny

    Please, contact administrator
    for this information.
    #74549 Copied
    9 Answers
    Avatar: Eva
    Eva Kemp
    Support staff
    July 10, 2015 at 16:43

    Hello,

    As I see language drop down menu is shown properly:
    http://storage1.static.itmages.com/i/15/0710/h_1436541695_7609072_310022d64a.png
    Please clarify what you want to achieve.

    To show languages selector near copyright text you need create custom sidebar in Appearance > Widgets and add Language Switcher widget there. Then add it to the row in Static Block where you created copyright text.

    Regards,
    Eva Kemp.

    #74562 Copied
    Avatar: groubee
    groubee
    Participant
    July 12, 2015 at 23:31

    Hi Eva,

    Yes the header language drop down menu is shown properly, but I would like it only to be shown on top of the slider on the homepage, NOT displayed in the header on every page.

    And it would be nice to have it moved the to right – just as shown here: https://www.dropbox.com/s/0swt3tivew60bor/003—hojre—v%C3%A6lg-sprog.jpg?dl=0 without a white background.

    thanks for the help with the footer!

    Now I dont know how to remove the black border from the WPML language list??

    #74727 Copied
    Avatar: Eva
    Eva Kemp
    Support staff
    July 13, 2015 at 10:50

    Hello,

    I’ve added this code in custom.css file to disable top bar on other pages:

    .top-bar {
    display: none !important;
}

    and added this code CSS block of Visual Composer editor on your home page to make top bar shown only on this page:

    .top-bar {
    display: block !important;
}

    To remove top border from languages form you need edit the code that you added in custom.css:

    .top-bar {
	background-color: transparent !important;
        color:#000 !important;
}

    and remove the line color:#000 !important;.

    To move languages list to the right in the top bar add the code in custom.css:

    .languages-area {
    float: right !important;
}

    Regards,
    Eva Kemp.

    #74794 Copied
    Avatar: groubee
    groubee
    Participant
    July 13, 2015 at 11:01

    Thanks Eva,

    I works fine! but it seems that the WPML topmenu now have a white top border and the WPML menu in the footer still have a black border? is it possible to remove them?

    #74797 Copied
    Avatar: Eva
    Eva Kemp
    Support staff
    July 13, 2015 at 15:16

    Hello,

    Add this code in custom.css:

    #lang_sel_list ul {
    border-top: none !important;
}

    Regards,
    Eva Kemp.

    #74863 Copied
    Avatar: groubee
    groubee
    Participant
    July 14, 2015 at 11:55

    Hi Eva,

    Again thanks for SUPER support!!! I have now added it from our test site to our “live” http://www.smooff.net/ where I can get the header WPML menu to show on the homepage.

    …could you tak a look – why the menu shown here on our test side: http://dev-smooff.serv10.powerhosting.dk/ in the header not is shown on the live site? http://www.smooff.net/

    🙂

    Best regards
    Tonny

    #75082 Copied
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    July 14, 2015 at 12:46

    Hello,

    You didn’t enable top bar in Theme Options > Header. I’ve enabled it. Now WPML menu is shown.
    Please clear browser cache and check.

    Best regards,
    Jack Richardson.

    #75100 Copied
    Avatar: groubee
    groubee
    Participant
    July 14, 2015 at 13:33

    Thank you Jack!! it works now!

    #75114 Copied
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    July 14, 2015 at 19:24

    Hello,

    You’re welcome.

    Best regards,
    Jack Richardson.

    #75217 Copied

  • Tagged: , , , , , ,

  • Viewing 10 results - 1 through 10 (of 10 total)

The issue related to '‘How to display a simpel language dropdown menu?’' has been successfully resolved, and the topic is now closed for further responses

Helpful Topics

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Animals Store – WordPress WooCommerce Theme
lazy-placeholder
Beauty – WooCommerce Theme
lazy-placeholder
Electron Store 02 – WordPress WooCommerce Theme
lazy-placeholder
Default RTL – WordPress WooCommerce Theme
lazy-placeholder
Skate – WooCommerce Theme
lazy-placeholder
Web Agency – WordPress WooCommerce Theme
lazy-placeholder
Jewelry Store – WordPress WooCommerce Theme
lazy-placeholder
Hemp & CDB – WordPress WooCommerce Theme
lazy-placeholder
Minimal Electronics – WordPress WooCommerce Theme
lazy-placeholder
Pizza Store – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.