Topic Resolution: Resolved
  • Closed
  • Jodi Lea
    Spectator
    February 9, 2015 at 9:29 pm #14704

    Hey Roman,

    I’m in the process of building a site for the insurance company I work for and I’m having a problem getting the logo and header background image to line up properly in Alora using header 5, no matter what custom CSS I try. When I inspect in Firefox or Chrome I can see the margins for the .header-wrapper div, but no matter what I try as far as adjusting padding or margins for the different header elements, the logo still bumps too far down on the page. I have it and my header background image sized at the same height so there’s no issue there.

    I have all the pages set to private until I’m ready to go live, so if you like, I’ll message you with the URL and/or login info. I know it’s probably something really simple, but it’s driving me nuts and I need to get it resolved quickly! Thanks in advance 🙂

    Asad Ullah
    Spectator
    Posts: 47
    February 20, 2015 at 6:03 pm #14900

    Hi Jodi,

    I’m really sorry I forgot you 😛 Fixing your site and let you know here shortly. Hope you won’t mind for my mistake. Please accept my apology.

    Thanks
    Asad

    Jodi Lea
    Spectator
    Posts: 24
    February 20, 2015 at 6:09 pm #14902

    Thank you so much! I just need to get in there and add some stuff later today and I didn’t want to go ahead with anything til the header image issue was fixed. Patiently waiting… 🙂

    Roman
    Spectator
    Posts: 3147
    February 21, 2015 at 1:07 pm #14913

    I added this CSS rule in the Custom CSS field:

    .header-v5 #header {
    padding: 30px 0!important;
    }

    please check if it’s as you want

    Asad Ullah
    Spectator
    Posts: 47
    February 21, 2015 at 5:47 pm #14915

    opps, I did something inside the css file 😛

    Jodi Lea
    Spectator
    Posts: 24
    February 24, 2015 at 8:34 pm #14932

    The mobile is almost okay – our tagline that is part of the header image “Know the Buffalo” is still cut off at the sides in portrait view, but at least it’s somewhat readable now…

    On a computer in the Safari browser the header image is still bumped out to the right. It loads centered, but as soon as the page loads it moves to the right.

    Roman
    Spectator
    Posts: 3147
    February 25, 2015 at 6:18 pm #14943

    the problem is the “Know the Buffalo” is on the background image. What I would suggest is, if possible, to make the text a part of the logo image, then it will resize just fine on any device.

    Jodi Lea
    Spectator
    Posts: 24
    February 26, 2015 at 9:48 pm #14961

    I know what the issue is, but I had the tagline on the header background image so that when the sticky header engages, I have only the actual logo on it and not the logo ending up even smaller with the tagline under it… I’d even be mostly happy now if y’all could tell me why the image is still shifting to the right in Safari! :/

    Jodi Lea
    Spectator
    Posts: 24
    February 28, 2015 at 5:28 pm #14973

    Guys??? Really need to resolve the issue with the header background image shifting to the right in Safari. If I have to, I can add the tagline to the logo image to resolve the size problem with mobile viewing, but we simply cannot live with the header image bumping to the right in Safari. Already had several clients point it out to us and we keep having to say we are waiting for a reply… Hope y’all are having a great weekend 🙂

    Roman
    Spectator
    Posts: 3147
    February 28, 2015 at 6:41 pm #14974

    found the bug, insert this in the Custom CSS:

    #header {position:static;}

    will be fixed in the next theme release

    Jodi Lea
    Spectator
    Posts: 24
    February 28, 2015 at 7:46 pm #14975

    You are awesome, as always, Roman! Thank you so much. I’m going to see if I have time to redo my logo graphic today and play with it on the sizing issue, but at least everything is in its proper place now! Have a wonderful weekend and thank you again 🙂

Viewing 10 replies - 11 through 20 (of 20 total)