- This topic has 9 replies, 2 voices, and was last updated 5 years, 3 months ago by
.
Hello, i use polylang for multilingual, how can i make the header logo change in each language?
Thank you,
Hi @equipdigital,
I hope you are well today and thank you for your question.
Do you want to just change the position of the logo image or want to display a different logo image?
Best regards,
Shufflehound teamI want to display a different logo
We can achieve this developing custom CSS code.
Could you please share your site URL where you want to display it so that I can help you to achieve it?
Also, please share the logo image URL from your website that you want to display on RTL?
This is the site: https://goodnews-eg.org/
And this is the picture: “https://goodnews-eg.org/wp-content/uploads/2019/09/new-logo-ar.png”
Thank you,
It seems you have shared the same logo image URL that you are displaying on your shared site.
What I want to know is which logo image do you want to display on below different language pages and share that logo image URL?
I need this logo for the English version: https://goodnews-eg.org/wp-content/uploads/2019/09/new-logo-en.png
And this logo for the Arabic version: https://goodnews-eg.org/wp-content/uploads/2019/09/new-logo-ar.png
Solution for this topic
You can achieve it by adding the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
html[dir="rtl"] .header-logo img { display: none; } html[dir="rtl"] .header-logo .sh-table-cell { background: url('https://goodnews-eg.org/wp-content/uploads/2019/09/new-logo-ar.png') no-repeat; height: 110px; width: 200px; max-width: 100%; background-size: contain; } html[dir="rtl"] .sh-sticky-header-active .sh-table-cell { height: 80px; }It works, thank you
You are most welcome here 🙂
