Banner on chrome

  • Resolved gvnet

    (@gvnet)


    2 years, 11 months ago

    Hi Robin,

    Thanks for the plugin – nice work!

    I would like the banner image to sit behind a transparent site header and nav. I applied a margin-top of -120px on .big-leader

    It looks great on Safari but on Chrome it breaks the banner image and shows a narrow strip of the image instead. When I remove the margin-top, it jumps back into full width.

    I am wondering if it has something to do with the sticky .site-header of the genesis-sample theme but I couldn’t track down how to make it work using dev tools.

    If you could take a quick look and see if there is a workaround for Chrome that would be fantastic.

    Many thanks,
    Graham

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Thread Starter gvnet

    (@gvnet)

    I did some CSS hacking and managed to get it working, so you may close this ticket.

    .big-leader {
    overflow:visible !important;
    margin-bottom: -95px;
}

.big-leader__image {
    margin-top: -95px;
    display: inline-block !important;
}
Viewing 1 replies (of 1 total)
  • The topic ‘Banner on chrome’ is closed to new replies.