Forum Replies Created
-
AuthorPosts
-
Try here, Thanks
Ok, but only for my Second Menu top Bar and language plugin, sometimes even with other browsers ( Chrome , Safari ) the language widget is cut to the right and then when full page load is placed, Perhaps The Problem is my custom css inserted …
I asked a solution to The company of plug-in .
Thanks- This reply was modified 6 years, 10 months ago by denisj77.
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, 10 months ago by denisj77.
Sorry , but if you reset my logo Position, it’s normal that it works afterwards…
I Want Set the Logo in This Position on my Pages with this Value: https://ibb.co/i2qoGH
.logo {
margin-top: -25px;
margin-left: -10px;
}And, if Possible, I want to See te Logo in Center when I Scroll Down in the Top Bar:
Here a Screenshot of Issue: https://ibb.co/hZTfVc
Thanks- This reply was modified 6 years, 10 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, 10 months ago by denisj77.
Sorry , but Don’t Work…
Here some Screenshot:
With My Code and the logo in the position That I want: https://ibb.co/i2qoGH
With My Code and the Problem of logo position in top menu bar after Scroll: https://ibb.co/hZTfVc
Deleted my Codes and Inserted your (there are no changes, it’s like not entering the code, the logo does not move where I want) : https://ibb.co/nkFNbHI want my first solutions (margin-top: -25px; – margin-left: -10px;) to put the logo in place where I want…
But when I scroll Down I Want the Logo Centered to the Top Menu Bar…
ThanksI 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, 10 months ago by denisj77.
Don’t Work,
Here my Credentials,
ThanksWorks Perfect in Quick CSS,
Great , ThanksHere my Login Details…
Can you also check the rest of my css code if it’s correct?
ThanksHere 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, 10 months ago by denisj77.
Don’t Change Nothing…
But I must to Insert something here? /* Add your Mobile Styles here */
Thanks
Here my Complete CSS code:@media only screen and (max-width: 767px) {
.responsive .logo img { max-height: 40%; top: 0px; }}@media only screen and (max-width: 1024px) {
/* Add your Mobile Styles here */
.logo {
margin-top: -10px;
margin-left: -10px;
}
}.weather {
position: relative;
float: right;
top: -10px;
right: 110px;
}#top .sub_menu>ul {
float: left;
margin: 0;
right: -40px;
position: relative;
}@media only screen and (max-width: 767px) {
.weather {
top: -30px;
}
.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: -20px;
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;
}}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, 10 months ago by denisj77.
Resolved, thanks
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, 10 months ago by denisj77.
I want the weather tag before the language selector, not at The next… and If you try to open my site with a Smartphone you Can See that The tag is under The language selector…
Thanks- This reply was modified 6 years, 10 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
Yes, is not sticky…
How Can I resolve?
ThanksFor 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
No Sorry, The css code works for desktop pc but not for mobile or Smarthpone… I need Help…
ThanksYes, 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,
ThanksOk 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.
Nobody can help me?
ThanksResolved with this CSS:
.header-scrolled .logo { margin-top: 0; }
ThanksResolved
- This reply was modified 6 years, 10 months ago by denisj77.
Resolved,
Thanks- This reply was modified 6 years, 10 months ago by denisj77.
Enfold >Title> additional elements> Secondary menu in the header
Ok, And for Don’t See the Name Of Image When you hover over the mouse?
ThanksYes, 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, 11 months ago by denisj77.
Ok, I Try. Can I remove the stickers and arrows in the easy Slider ?
Thanks -
AuthorPosts