Show flags only, no dropdown, without using shortcode

  • Resolved dancappdesign

    (@dancappdesign)


    10 months, 2 weeks ago

    Hi. When I use the floating language selector, I can display flags only, with no dropdown, but when I use the widget there is always a dropdown menu. Can I display a flags-only widget without having to use shortcode?

    • This topic was modified 10 months, 2 weeks ago by dancappdesign.

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author edo888

    (@edo888)

    10 months, 2 weeks ago

    Hi,

    Sorry, it is not clear for me.

    Please provide more details about where it should appear on your website. Consider providing a picture of your desired look and location.

    Thanks! 🙂

    • This reply was modified 10 months, 2 weeks ago by edo888.
    Thread Starter dancappdesign

    (@dancappdesign)

    10 months, 2 weeks ago

    Sure. Here’s an image of how I would like it to look (https://freeimage.host/i/FWHoCue), compared to how it currently looks (https://caerau-gardens.co.uk/)

    • This reply was modified 10 months, 2 weeks ago by dancappdesign.
    Plugin Author edo888

    (@edo888)

    10 months, 2 weeks ago

    Hi,

    Thanks for the clarification.

    You have specifically asked “without having to use shortcode”, so you can try to remove the Show in menu option and instead set Wrapper selector CSS option to #top-header .container and it will render the language selector inside your top header.

    You will also need to add the following CSS code to make sure the flags appear on the right: a.glink {float:right}

    It would be much easier to just use the shortcode instead, you can use [gtranslate] or [gt-link ...] to render individual language selector directly in the menu.

    Thanks! 🙂

    Thread Starter dancappdesign

    (@dancappdesign)

    10 months, 2 weeks ago

    Okay, thank you. I’ve settled on the floating language selector. I’d like it to be in line with the content, but I will settle for it to be in the very top-right of the screen.

    Plugin Author edo888

    (@edo888)

    10 months, 1 week ago

    Hi,

    You have this specific CSS rule, try to change it to be: #et-secondary-nav .menu-item-has-children>a:first-child:after {top:1px} right now it is set to 5px.

    Also add the following CSS code: a.glink img {vertical-align:middle}

    Thanks! 🙂

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Show flags only, no dropdown, without using shortcode’ is closed to new replies.