Try here, Thanks

Ok, I Inserted your code in Enfold>General Styling>CSS here: https://ibb.co/coP5Fc
Delete old code in Customizer, Delete my Cache on Server…but it’s the Same. My Logo is not when I Want!
Where am I wrong?
Thanks

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

Here the Video, because it’s hard to explain.
Test with My Phone Android 5,5″, with horizontal and vertical view the problem does not change.
For Tablet or Pc desktop the problem does not exist!
Video: https://www.youtube.com/watch?v=FJMS1qbd3Uo
Thanks

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

I tried the code but it does not work, I can not replace the logo with this part of code:

.html_header_top.html_header_transparency #header .logo {
margin-top: -25px;
margin-left: -10px;

I deleted my code before insert your:

.logo {
margin-top: -30px;
margin-left: -10px;
}

.header-scrolled .logo { margin-top: 0; }

Thanks

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

Works Perfect in Quick CSS,
Great , Thanks

Here an Screenshot… My Phone Android with 5,5″ Display… The problem is both with horizontal and vertical display
– https://ibb.co/dUzyOm –

Another question, How Can I Zoom In the Weather and Translator Plugin?
Thanks

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

Great Work, now Only one question, for desktop and Tablet All Ok, But in A Smartphone with Your CSS I lowered the main menu, I have too much space from the main menu to the top Menu…
Thanks

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

After my main Menu I Have inserted The second menu (top bar) , then I Want to See my Logo centered in height between the two menus, main menu and second menu…
Then I set the positions of my logo as desired in the main menu with this code:
.logo {
margin-top: -30px;
margin-left: -10px;
}

But now when I scroll down and the Small Bar appears the logo is positioned Right in a Desktop Pc, but is not positioned correctly If I try with a Tablet ( i Have -30px ), how can I center my Logo in This Case?
In Smartphone I don’t Want The Small bar After Scroll down, And now thats is Right.
Sorry for my English
Thanks

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

Hi, I tried your Shortcode But The Weather Tags is Displayed on the right in desktop Pc or below in Mobile Smarthpone from polylang…
I Want It on The Left Sticky…
Here my Complete Quick CSS:

.weather {
float: right;
top: -10px;
position: relative;
}

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

.header_color .weather { color: black; }

#top .av_header_transparency #header_meta {
border-bottom: none! important;
}

.logo {
margin-top: -30px;
margin-left: -10px;
}

.header-scrolled .logo { margin-top: 0; }

.inner_sidebar {
margin-left: 30px;
}

.main_color table,
#top .main_color .avia-data-table.avia_pricing_minimal th {
background: transparent;
}

#top.page-template-default.page.stretched #main .container:before {
content: ‘ ‘;
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0.2;
background-image: url(https://residenzeparadiso.com/wp-content/uploads/2017/12/chaplet-2489637_1920.jpg);
background-repeat: no-repeat;
background-size: cover;
}

#top.page-template-default.page.stretched #socket .container:before {
background-image: url(https://residenzeparadiso.com/wp-content/uploads/2018/01/whitebackground.png) !important;
background-repeat: repeat;
}

#top.page-id-61 .inner_sidebar {
font-style: normal!important;
}

@media only screen and (max-width: 767px) {
.responsive #top #wrap_all .container {
width: 100%!important;
max-width: 100%!important;
padding-left: 25px!important;
padding-right: 25px!important;
}}

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

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

Nobody can help me?
Thanks

Resolved

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

Enfold >Title> additional elements> Secondary menu in the header

Yes, but I Can’t Found How Can I Have a Second Menù…
Here my setting:
– https://residenzeparadiso.com/contatti/ –
I activated The second Menù, but Where Can I put Shortcode?
And if I turn on page transparency from the second menu to the title menu I see a dividing line That I do not want to See…
Thanks

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