[Resolved] Site branding getting cut off in Firefox and IE

  • Author
    Posts
  • #4052

    PSBakh
    Participant

    Hey guys,

    My client just pointed out to me that the branding for their site I’ve built gets cut off when viewed in IE and Firefox. I use Chrome, so wasn’t aware of this issue until this morning, I hope you can help.

    Please check out the link below and let me know what I can do to fix this.

    Home

    Thank you!

    #4053

    Andrew Misplon
    Keymaster

    Hi PSBakh

    Apologies for the hassle. This will be resolved in the next version. Please, try adding the following to a Custom CSS plugin like Simple Custom CSS:

    /* Logo */
    .site-header .site-branding img {
    	width: auto;
    }

    Let me know how that goes.

    #4054

    PSBakh
    Participant

    Hi Andrew,
    Thank you for the quick response!
    Unfortunately the code above didn’t seem to fix the problem.

    The issue seems to be in this code:

    .site-header .site-branding-container {
    max-width: 30%
    }

    However if I remove it or change the percentage, then the menu bar jumps down and creates a huge amount of white space. Is there anything else I can do?

    #4056

    Andrew Misplon
    Keymaster

    Sorry about that. I’m unable to replicate in Firefox at the moment. Please, could you try the following and let me know if there is any change:

    
    /* Logo */
    .site-header .site-branding img {
        max-height: 90px;
        max-width: 320px;
    }
    
    #4058

    PSBakh
    Participant

    That seems to have done the trick, only now the menu and logo scaling is fudged up. Any thoughts on how to fix that?

    #4063

    Andrew Misplon
    Keymaster

    Please, try adding to Custom CSS:

    .site-header.scale.fixed .site-branding-container {
    	max-width: 30%;
    }

    Thanks

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.

Scroll to top