Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • September 8, 2014 at 11:16 am #314948
    codecreative

    Hi

    My header looks well on all machines and browsers. The website is

    http://www.codecreative.uk

    How ever when I view our landing page I am making on my computer it looks great. But on other machines for some reason the logo is shrinked. This is the landing page

    http://www.codecreative.uk/landingpage/

    How does it look at your end?

    September 8, 2014 at 11:24 am #314954
    codecreative

    This is the offending css

    .page-id-36 .logo {
    left: 50%;
    transform: translate(-50%, 0px);
    }

    I did this to center align the logo. How ever I’ve increased the canvas of the image so it appears to be center aligned and I can not use the above css. My issue now is that when I scroll downwards the logo squezes (sticky effect) but not in a central way it goes to the left.

    Is there a way for just this page to remove the sticky header effect ?

    September 8, 2014 at 11:24 am #314955
    Yigit

    Hey codecreative!

    This is how it looks on my end on Safari, Firefox and Chrome on OS X 10.9.4- http://i.imgur.com/fab3RRB.png

    Regards,
    Yigit

    September 8, 2014 at 12:04 pm #314986
    codecreative

    Hi Yigit

    Thanks for the rapid reply :)

    Yes I’ve removed the css that I mentioned above.

    All I want to do now is remove the shrinking header behavior from ONLY this page. Is that possible via css?

    Maybe using .page-id-36 as part of the rule ?

    If it has to shrink is there a way to have it shrink in a central behavior as it goes to the left at the moment

    September 8, 2014 at 4:04 pm #315164
    Yigit

    Hi!

    Please add following code to Quick CSS

    .page-id-36 #header_main .container, .page-id-36 .logo, .page-id-36 .logo a, .page-id-36 .logo img {
height: 88px!important;
line-height: 88px!important;
max-height: 88px!important;
}

    Regards,
    Yigit

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.