[genesisnewbie]

Got it working as follows:

In functions.php - changed height and width for custom logo:

add_theme_support( 'wp_head', 'zp_custom_logo', array(
    'header-selector' => '.site-title a',
    'header-text'     => false,
    'height'          => 190,  /* 2x actual logo height */
    'width'           => 560, /* 2x actual logo width */
) );

Then added this to custom style sheet:

`

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and ( min--moz-device-pixel-ratio: 2),
only screen and ( -o-min-device-pixel-ratio: 2/1),
only screen and ( min-device-pixel-ratio: 2),
only screen and ( min-resolution: 192dpi),
only screen and ( min-resolution: 2dppx) {
.header-image .site-title > a {
float: left;
height: 95px; /*Actual displayed logo height */
width: 280px; /*Actual displayed logo width */
background: url('[email protected]') no-repeat center center!important; /* link to retina logo */
background-size: 280px 95px !important;
}
p.site-title {
max-height: 95px;
}
}

[genesisnewbie]

Thanks for the link, but this doesn't with the Mindful theme as there is no 'Header' under 'Appearance'. 🙁

[genesisnewbie]

Hi Erik, that's the one! Thank you for your help!
Took some jiggery pokey as there are essentially 2 footers, the actual and the widget area, adding some margin-bottom to the footer-widets to make room for the footer sorted this. Here's the final code:

html {
  height: 100%;
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

body {
  position: relative;
  margin: 0;
  padding-bottom: 9rem;
  min-height: 100%;
}

.site-inner {
  margin: 0 auto;
  width: 94%;
  margin-bottom: 3em;
}

.footer-widgets {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  margin-bottom: 44px;
}
.site-footer {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
}

[genesisnewbie]

Hi Erik and thank you, but this isn't the desired outcome either. I think paaljoachim is on the right track as I would need to force the height of the body?

The footer only needs to 'stick' (to the bottom of the page) when their isn't enough content to make that happen. The footer includes the footer widget area (so both grey panels). It shouldn't move over the body content ever. The problem usually arises on large screens, but you can see it on the 404 page (www.sarahjee.com/404) on smaller screens. The footer (and footer widget area) rises up when there is only a small amount of content in the body.

Your code plus this should work but doesn't:

html {
height: 95.5%;
}

body {
height: 100%;
}

[genesisnewbie]

Thanks for the above but still no luck. Nothing seems to work (even though I know this should)- very frustrating!

[genesisnewbie]

HI Christoph, the site wasn't live but is now. sarahjee.com

I'm on a 27' iMac. I know most people don't view in full screen but it's bugging me...

[genesisnewbie]

Yes thank you. The slider image was set to "cover" causing the home page to be non-responsive.

[Author]

Posts