-
AuthorPosts
-
November 20, 2013 at 4:57 pm #190976
Hey!
I’ve asked Peter to take a look as I’m not sure where the disconnect is happening from the resizing script vs why the logo is getting cut off.
Typically I would log in and play with the css you have in place now and find the issue but I understand you don’t want to allow us to fix it first hand. Hopefully Peter can shed a bit of light on what might be happening.
Regards,
Devin
November 20, 2013 at 6:20 pm #191059Hi Devin,
That sounds great, thanks.
Sorry that I don’t allow access. It’s a business site so I just try to avoid giving people access unless we have a service agreement. Thank you for understanding.
I do really appreciate your continued help on this.
Best,
JonathanNovember 20, 2013 at 6:27 pm #191062Hey!
You can try to increaste the height of the header container. Use following code
.social_header #header_main .container, .social_header .main_menu ul:first-child > li a { height: 116px; line-height: 116px; }
and increase/decrease the px value if necessary.
If the code above still doesn’t work for you please create me an admin account and post the login data as private reply. You can also send it to: (Email address hidden if logged out) if you don’t want to post the login credentials in the forum). I can’t debug the css code with the debugbar of IETester and I need a direct access to the quick css field to check if my css code changes work or not.
Cheers!
PeterNovember 20, 2013 at 7:09 pm #191093Hi Peter,
It didn’t work unfortunately. I’ll gladly give you access if necessary – just installing some new parts to my site at the moment so it’s not a good time.
I did notice that for some reason IE8 seems to be making the logo “larger” – even if I remove my logo it shows larger in IE8 than in the newer browsers. I guess IE8 is displaying the image larger than the 58px it’s supposed to be and the other browsers are showing as should. Does this help? If you have any other ideas for me to try in the meantime please let me know.
Best,
JonathanNovember 20, 2013 at 7:15 pm #191098My guess is that the newer browsers are incorporating the whitespace at the top and bottom of the logo into the 58px size specified whereas IE8 keeps the whitespace at the top but still makes the image 58px which pushes it down too far.
November 20, 2013 at 9:07 pm #191138We can see everything you can in addition to trying to debug with IE’s minimal dev tools. IE8 has different rules in how it renders css. So unfortunately the only way to debug and find a specific issue is by working from the back end, publishing a change and then checking to see how it render on the front end.
November 20, 2013 at 9:15 pm #191143Ok, thanks. So I’ll email you login info shortly. You don’t make any permanent changes though right? Only changes to quickcss which I can then move into customcss when figured out?
November 21, 2013 at 8:57 am #191359Hi!
Yes, I just need access to the theme option page to write some code into the quick css field.
Cheers!
PeterNovember 21, 2013 at 5:46 pm #191524Thanks Peter, I just emailed you.
November 21, 2013 at 8:56 pm #191613Hi Peter,
Just wanted to see if there were any updates. I need to login and continue doing work on the site as soon as you’re done.
Thanks!
November 21, 2013 at 9:12 pm #191616Also, Peter, while you’re inspecting this I only have one more issue with IE8 perhaps you can look at too since it will be quicker with access? As the testimonials rotate they push the entire rest of the page up and down. I put code into quickcss which fixed this on all other browsers but it is still an issue in IE8.
Many many thanks for this Peter!
November 21, 2013 at 9:12 pm #191617Sorry not quickcss, I put code into customcss.
November 22, 2013 at 9:39 am #191771Hi!
1) I fixed the logo issue. I commented out the code in custom.css, added
#top #header .logo img, #top #header .logo{ height: 58px !important; width: 200px !important; }
into the quick css field and in enfold/js/avia.js I replaced
avia_header_size();
with
//avia_header_size();
Normally the function resizes the menu bar if the user scrolls down but in your case the logo height is lower than the menu height and the resize effect doesn’t make sense.
2) No, I couldn’t find a way to set a maximum height for the testimonials without breaking the feature. Jquery will resize the container if the text doesn’t fit into the content box. Some testimonials have 3 lines, some 2 lines etc. – if you don’t want the resize effect make sure that all testimonials have the same length (= the same number of lines).
Best regards,
PeterNovember 22, 2013 at 11:46 am #191799You’re awesome, thanks you!!! I will insert this into custom css later on today. Thanks again!!! I really appreciate it.
-
AuthorPosts
- The topic ‘Logo Issue with IE8 and New Update’ is closed to new replies.