Floating Language Selection on Mobile Problem (TranslatePress)

  • Resolved michnnet

    (@michnnet)


    2 years, 12 months ago

    Hi,

    I am using TranslatePress on Astra theme (Elementor), and while desktop version of the website displays language selection button correctly, the mobile version (tablet) position it in the centre, and phone version on the left, when it should be on the top right. Is there custom CSS that would help sort out this issue?

    Thanks!

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

  • What’s the URL of your site? Always easier to give specific help like that.

    Thread Starter michnnet

    (@michnnet)

    Hi, yes, sorry. It’s this.

    Hey there,

    Thanks for reaching out about your issue.

    You should be able to align your language floater using some css targeting
    #trp-floater-ls

    Let me know if this work for you.

    Best Regards,

    Thread Starter michnnet

    (@michnnet)

    Hey,

    Thank you for the tip. As I am not really an experienced with CSS, could you advise how to proceed?
    Shall I add #trp-floater-ls in custom CSS, with certain attribute? I just basically need to move the floater to the right side of the screen on mobile interface.

    Thanks!

    Hello there,

    We deeply apologize for the delayed response.

    There has been a great load on our support team in the past few days, but such a long reply time is very uncommon.

    Here is an example of some additional CSS to move your language switcher. Just add it to Appearance –> Customize –> Additional CSS.

    
#trp-floater-ls {
	
right: 35% !important;

}

    Best Regards,

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Floating Language Selection on Mobile Problem (TranslatePress)’ is closed to new replies.