Top bar with both Language option and currency option

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

  • Avatar: sophie
    sophie
    Participant
    January 27, 2017 at 08:59

    Hi,

    I’m trying to put both language switcher and currency switcher on the top bar of my website, but it doesn’t seem like there’s an option for me to do it. It currently looks like this:

    https://www.dropbox.com/s/cemh162ekeb901g/Screenshot%202017-01-27%2015.57.51.png?dl=0

    but I’d like the switchers to be next to each other, rather than one on top of the other, like here:

    https://www.dropbox.com/s/jmnepxyi57z990l/Screenshot%202017-01-27%2015.58.45.png?dl=0

    I’ve put my login details in the private content below.

    Many thanks!

    Please, contact administrator
    for this information.
    3 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    January 27, 2017 at 13:17

    Hello,

    Try to add this code in Custom CSS file:

    .top-bar .languages-area {
        width: 220px;
    }
    .top-bar #woocs_selector-2 {
        display: inline-block;
    }
    .top-bar #qtranslate-6 {
        float: right;
        margin-top: 4px;
    }

    How to create custom.css you can watch in this tutorial
    https://youtu.be/Qok2zRedRMY

    Regards,
    Rose Tyler.

    Avatar: sophie
    sophie
    Participant
    January 27, 2017 at 17:55

    Hello,

    If I add this to custom.css file, will it be lost if I update the theme in the future?

    Thanks!

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    January 28, 2017 at 10:26

    Hello,

    Custom.css file will be saved after theme update. You won’t lose your changes.
    Anyway please always create site backup before starting any update.

    Best regards,
    Jack Richardson.

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

You must be logged in to reply to this topic.Log in/Sign up

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