Mobile: Keep Post Headers Full Size, like Page Headers

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter jme3089

    (@jme3089)

    9 years, 1 month ago

    I’ve since moved to the full url instead of the temp one.

    Example of weird post header: http://www.gamimgbroadly.com/episode01

    Example of page header and how it deals with images that I would like replicated on the my post headers: http://www.gamingbroadly.com/broadcast/

    Please note this is for mobile.

    Anyone have any advice?

    • This reply was modified 9 years, 1 month ago by jme3089.
    Chad Chadbourne

    (@shireling)

    9 years, 1 month ago

    Hi @jme3089!

    Harmonic places these images dynamically, and aligns them a bit differently on mobile than on a desktop.

    The alignment is easier to overcome – but we can also try to work around the other part.

    Try the CSS at the end of this thread:

    https://wordpress.org/support/topic/home-page-graphic-issues-on-mobile/

    Your image is a little different than the one on that site, so you might want to change height: 50vw !important to height: 45vw !important in that first style.

    At the very least, the second style:

    /*Always center the background images, even on mobile*/
.bcg {
	background-position: 50% 0 !important;
}

    should help to center the images on mobile 🙂

    Thread Starter jme3089

    (@jme3089)

    9 years, 1 month ago

    Thank you! This was a little bit different of a solution than I imagined, but much easier than I imagined also. So that’s good! I think this will help me plan the aesthetic of my site much better.

    Chad Chadbourne

    (@shireling)

    9 years, 1 month ago

    Excellent! I’m glad I could help 🙂

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Mobile: Keep Post Headers Full Size, like Page Headers’ is closed to new replies.