-
AuthorPosts
-
February 5, 2018 at 6:43 pm #908145
Hi, I noticed only now that using internet explorer I have a lot of display problems, Second Top Bar and Many Widget…
I normally use Google chrome and everything works Good.
How Can I Resolve?
ThanksEsempio Explorer: https://ibb.co/mtsE8x
Esempio Chrome: https://ibb.co/jA1wMHThanks
February 5, 2018 at 9:45 pm #908222Hey denisj77,
Those widgets are 3rd party widgets from what I can see.
There is not something related with our site.
They are responsible the company which you used to embed them.Best regards,
BasilisFebruary 5, 2018 at 10:22 pm #908243Ok, 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, 9 months ago by denisj77.
February 6, 2018 at 1:28 pm #908558Hi,
I took a look at your site in Chrome, Firefox, Edge & IE11 and compared the css you had in the WordPress custom styles and Enfold General Styling > Quick CSS field, and found this code to be causing the issue:#top .sub_menu>ul { float: left; margin: 0; right: -40px; position: relative; }
I combined all of your code in the General Styling > Quick CSS field and adjusted another rule so that the above rule could be removed.
Please clear your browser cache and check.Best regards,
MikeFebruary 6, 2018 at 7:20 pm #908727Great Work, Now Is Working Good.
For The Weather Widget, Now it moves far to the left from the languages selector in Smartphone, What should I change to keep it close?
But for my next changes css better insert them in quick css or in Enfold>General Styling?
Thanks a LotScreenshot: https://ibb.co/g2bwrH
- This reply was modified 6 years, 9 months ago by denisj77.
February 7, 2018 at 4:22 am #908889Hi,
I added this to your css to correct:@media only screen and (max-width: 754px) { .weather { right: 115px!important; } }
Please clear your browser cache and check.
You can use either, but I suggest keeping all of your css together so it will be easier to manage. I recommend using the General Styling > Quick CSS fieldBest regards,
MikeFebruary 7, 2018 at 2:56 pm #909199Ok, last question for my top bar.
Is it possible that the time and language widget is positioned further to the right in line with the menu below?
Type this image : https://ibb.co/i2qoGH
ThanksFebruary 8, 2018 at 1:16 am #909484Hi,
Try this code in the General Styling > Quick CSS field:#header .av_secondary_right .sub_menu { right: -30px!important; }
Best regards,
MikeFebruary 9, 2018 at 7:16 pm #910370The Code Works, but this is the code that gives me visualization problems in IE11!
Then I do not know what happened but from today I see the content of my pages smaller, not full screen
Screenshot: https://ibb.co/nrLTtx
Any Solution?
Thanks- This reply was modified 6 years, 9 months ago by denisj77.
February 10, 2018 at 12:14 am #910440Hi,
Your page had a boxed,look because there was a missing } in your General Styling > Quick CSS field
I corrected, Please clear your browser cache and check.Best regards,
MikeFebruary 10, 2018 at 11:22 am #910509Oh, Sorry , Thanks.
For my problem with i11 viewing, I saw what it is generated from.
The Problem is the widget weather, which if not loaded the language selector is cut to the right of the browser, and it positions correctly only after the weather widget is loaded.
Here Screenshot, Widget Weather Not Loaded: https://ibb.co/nDary7
Widget Weather Loaded: https://ibb.co/nrLTtx
I inserted the widget with this code in my Functions.php of Enfold Child: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);Can this code be wrong? Can I give a fixed position and size of the container to solve the problem?
ThanksFebruary 10, 2018 at 4:23 pm #910542Hi,
While the weather plugin is working in Chrome & Edge, in IE11 it returns a empty div, so this is a plugin limitation with IE11. I tried to research further but the plugin has not been updated in 7 years. You may be better to find a different plugin or just let the IE11 limitation be. Please note that IE11 has been replaced by Edge fewer people use it daily.
Best regards,
MikeFebruary 10, 2018 at 5:40 pm #910578Ok, thanks for your support.
If i want resize my two plugin (Zoom in) weather and language on the top menù, is It possibile?February 10, 2018 at 8:28 pm #910632Hi,
To resize your language and weather fonts, Try this code in the General Styling > Quick CSS field:#avia2-menu.menu li,.weather { font-size: 15px !important; }
adjust the font size to suit. You will also need to adjust your position widths for the weather as the new font size will change it’s width.
Best regards,
MikeFebruary 12, 2018 at 8:05 pm #911299Ok , Works.
Now , I have customized the menu with the code below…
But why are the writings not as clear as in other websites? I used the same character…
Here my Site: – https://residenzeparadiso.com/contatti/ –
Here Another Site: – http://www.hotelcostaparadiso.it/it/contatti-costa-paradiso.php –
Can I have even more Thin character or do I have to change Font?
Thanks#avia2-menu.menu li,.weather {
font-size: 13px !important;
}#avia2-menu .menu-item a {
font-weight: 100;
}#header .av-main-nav > li > a {
font-size: 18px!important;
font-weight: 100;
}February 13, 2018 at 3:19 am #911458Hi,
When I look at the menu on the two pages they both look clear to me, but I think are are asking for a thinner font. The font on your site is Lora and on Google Fonts you can see the thinnest it is offered at is 400, so the 100 in your css won’t make a change. I would recommend changing fonts if you want a thinner font. The font in the menu on the second site is cardo-reg, but it doesn’t look thinner to me.Best regards,
Mike -
AuthorPosts
- You must be logged in to reply to this topic.