Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • December 11, 2014 at 5:25 pm #366752
    unclemurray

    Hello. We are having an issue with overrides in the style.css of our child theme not being read. Yesterday we had an override working to position the teardrop graphic top aligned, but this morning it isnt working. Very odd.

    Please note, this is only apparent on large monitors. The size of the hero image increases based on browser window height. For some reason the piosition of the teardrop is correct at smaller heights but at larger heights it is getting centered vertically instead of top aligned at large screen sizes

    December 11, 2014 at 9:09 pm #366898
    Elliott

    Hi unclemurray!

    Add this to your custom CSS.

    #hero_img .flex_column {
    position: absolute !important;
    top: 0px !important;
}

    Cheers!
    Elliott

    December 11, 2014 at 9:24 pm #366919
    unclemurray

    Thanks Elliot. That did the trick for the desktop view but now its breaking on mobile. Any suggestions?

    December 11, 2014 at 11:11 pm #367008
    Elliott

    Hi!

    Try this instead.

    @media only screen and (min-width: 968px) {
#hero_img .flex_column {
    position: absolute !important;
    top: 0px !important;
}
}

    Regards,
    Elliott

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