Polylang Position in Top Bar

Ok for The Polylang, But Now The Weather Position is wrong… I Want It On the Left Near Polylang…
Here The CSS Inserted:

@media only screen and (max-width: 767px) {
.responsive #header_meta .sub_menu ul{
text-align:right!important;
color:#000!important;
}}

.simple-weather__day.simple-weather__day–current{
padding-top:15px!important;
}

.header_color .weather { color: black; }

Thanks

• This reply was modified 6 years, 10 months ago by denisj77.

Yes, with Your second css code : ( .simple-weather__day.simple-weather__day–current{
padding-top:15px!important;
} )The Weather Shortcode Have a Bad Position, Can You Help Me?
Your First Css Code For Polylang Work Perfect.

You Can See The Results on my Link Above,
Thanks

For Have The weather Shortcode in The Top bar I Have Iserted This Code in functions.php of My enfold Child Theme:

function add_custom_script_weather(){
echo “<div class=’weather’>”.do_shortcode(‘[simple-weather latitude=41.050573 longitude=8.939561 station=”darksky” show_current=”yes” units=”metric” days=”0″ date=” “]’).”</div>”;
}
add_action(‘avia_meta_header’, ‘add_custom_script_weather’, 10);

And then I Have tried various Quick CSS Code to Set The Right Position, But They don’t Work :

#top
#header_meta .weather {
top: -20px;
bottom: 0px;
left: -60px;
right: 0px;
position: relative;
}

@media only screen and (max-width: 767px) {
.responsive.html_mobile_menu_tablet #top #header #header_meta .weather {
display: block !important;
text-align: right !important;
}}

.simple-weather__day.simple-weather__day–current{
padding-top:15px!important;
}

.header_color .weather { color: black; }

Thanks