Viewing 14 posts - 31 through 44 (of 44 total)
  • Author
    Posts
  • #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

    #191059

    Hi 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,
    Jonathan

    #191062

    Hey!

    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!
    Peter

    #191093

    Hi 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,
    Jonathan

    #191098

    My 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.

    #191138

    We 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.

    #191143

    Ok, 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?

    #191359

    Hi!

    Yes, I just need access to the theme option page to write some code into the quick css field.

    Cheers!
    Peter

    #191524

    Thanks Peter, I just emailed you.

    #191613

    Hi 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!

    #191616

    Also, 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!

    #191617

    Sorry not quickcss, I put code into customcss.

    #191771

    Hi!

    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,
    Peter

    #191799

    You’re awesome, thanks you!!! I will insert this into custom css later on today. Thanks again!!! I really appreciate it.

Viewing 14 posts - 31 through 44 (of 44 total)
  • The topic ‘Logo Issue with IE8 and New Update’ is closed to new replies.