Hero / split screen height adjustment

[Wocan]

Hi

Is it possible to change/set the (hero split screen) so its height respond automatically?
..as you can see there is a massive space at the bottom of the page I’ll like to get rid of this thanks.

Wocan

[Rui Guerreiro – SUPPORT]

Hi,

Add the code below to your custom css option

.page-id-6869  .heading-text.container{
  margin-top: -140px!important;
} 

.page-id-6869  .hero-content-split #main-container {
    margin-bottom: -140px!important;
}

-Rui

[Wocan]

Hi Rui

“SORRY” but for some reason this code doesn’t work.

-Wocan-

[David Martin – Support]

Hi,

The above code is targeting the specific page with the ID of 6869.

Your homepage is 6839, what page are you referring to?

– David.

[Wocan]

Hi David

That is the Id I used

I’m referring to http://ecofield.ch/technology/ plus approximately 40% of the homepage pages including my account pages

thanks

[David Martin – Support]

Hi,

I think that extra height looks to be auto generated by JS, have you got that Row settings set to Window Height, if so change it “Content Height”?

Please add a WP login for us so we can take a closer look.

– David.

[Wocan]

This reply has been marked as private.

[David Martin – Support]

What is your login URL? – wp-admin loops back to the homepage?

-David.

[Wocan]

ecofield.ch/my-account/

_thanks

[David Martin – Support]

Hi,

The split/window height will always be the height of your browser window to start, what exactly are you trying to change, not sure I 100% understand you?

-David.

[Wocan]

Hi David

I’m trying to have the image on the Hero Heading Background left to have the same height as the content right.

For example on ecofield.ch/my-account/ page displayed content is less than half the page height.
I would like the Hero Heading area and the Hero Heading Background Image on all pages with “Hero / Content Split” to have the same height as the Page Content itself.

_thanks
-B-

[Rui Guerreiro – SUPPORT]

Try this custom css.

.woocommerce-account .hero-content-split #main-container > .fancy-heading-wrap .page-heading {
    height: 424px!important;
}

-Rui

[Wocan]

Thanks for the code Rui,
I had to adjust the code to this:

.hero-content-split #main-container > .fancy-heading-wrap .page-heading {
height: 424px!important;
}

however this only adjust the heading. there is still a massive space at the bottom of the page.

in addition i would like to have it so that all hero-content-split pages height adjust automatically when possible.

-Thanks

[David Martin – Support]

Hi,

Unfortunately that customisation is beyond our scope of support as it is more work than a small customisation.

We only provide support for theme issues, and at times basic customisations. While we’d love to be able to support every customisation request, we simply don’t have the time. We recommend that you seek a freelance developer if you need to make that customisation: http://www.swiftideas.com/customization/.

Cheers,
David.